/*
Theme Name: Joomdev
Theme URI: https://wordpress.org/themes/twentytwentyone-child/
Author: the WordPress team
Author URI: https://wordpress.org/
Template: twentytwentyone
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyonechild
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap');

:root {
	--global-color-primary: #2C397B;
	--global-color-primary-dark: #192359;
	--global-color-secondary: #14A269;
	--global-color-secondary-dark: #0a7f50;
	--global-color-base: #000000;
	--global-color-body: #3F4041;
	--global-color-light-black: #1F2329;
	--global-color-primary-light: rgba(221, 230, 251, .48);
	--global-color-secondary-light: rgba(20, 162, 105, .06);
	--global-color-white: #fff;
	--global-color-light: rgba(170, 173, 174, .5);
	--global-box-shadow-sm: 0px 6px 10px 0px rgba(113, 122, 226, .06);
	--global-box-shadow: 0px 12px 48px 0px rgba(113, 122, 226, .12);
	--global-box-shadow-lg: 0px 18px 50px 0px rgba(113, 122, 226, .12);
	--global-body-font: 'Roboto', sans-serif;
	--global-font: 'Barlow', sans-serif;
}

.elementor-nav-menu a {
	font-family: var(--global-font);
	font-size: 16px;
	font-weight: 500;
}

/** Height **/
.h-100 {
	height: 100%;
}

/** BG colors **/
.bg-primary {
	background-color: var(--global-color-primary);
}

.bg-secondary {
	background-color: var(--global-color-secondary);
}

.bg-primary-light {
	background-color: var(--global-color-primary-light);
}

.bg-secondary-light {
	background-color: var(--global-color-secondary-light);
}

.team-bg-s1>.elementor-element-populated {
	background-color: #FFE8E8;
}

.team-bg-s2>.elementor-element-populated {
	background-color: #FFE8F2;
}

.team-bg-s3>.elementor-element-populated {
	background-color: #E8FFFC;
}

.team-bg-s4>.elementor-element-populated {
	background-color: #F1E8FF;
}

/** Text colors **/
.text-primary,
.text-primary .elementor-heading-title {
	color: var(--global-color-primary);
}

.text-secondary,
.text-secondary .elementor-heading-title {
	color: var(--global-color-secondary);
}

.text-secondary-light,
.text-secondary-light .elementor-heading-title {
	color: var(--global-color-secondary-light);
}

.text-base,
.text-base .elementor-heading-title {
	color: var(--global-color-base);
}

.text-body,
.text-body .elementor-heading-title {
	color: var(--global-color-body);
}

.icon-primary .elementor-icon {
	color: var(--global-color-primary);
}

.number-color {
	color: rgba(20, 162, 105, .2);
}

/** Buttons **/
.elementor-element .elementor-button,
.elementor-element button.elementor-button {
	font-weight: 600;
	border-radius: 6px;
}

.btn-link .elementor-button {
	padding: 0;
	color: var(--global-color-base);
	background-color: transparent;
	border: 0;
	text-decoration: underline;
}

.btn-link .elementor-button:hover {
	color: var(--global-color-primary);
	background-color: transparent;
}

.btn-primary .elementor-button {
	color: var(--global-color-white) !important;
	background-color: var(--global-color-primary);
	border: 1px solid var(--global-color-primary);
	border-radius: 6px;
}

.btn-primary .elementor-button:hover {
	color: var(--global-color-white) !important;
	background-color: var(--global-color-primary-dark);
	border-color: var(--global-color-primary-dark);
}

.btn-outline-primary .elementor-button,
.btn-outline-primary .elementor-item {
	color: var(--global-color-primary) !important;
	background-color: transparent;
	border: 1px solid var(--global-color-primary);
	border-radius: 6px;
}

.btn-outline-primary .elementor-button:hover,
.btn-outline-primary .elementor-item:hover {
	color: var(--global-color-white) !important;
	background-color: var(--global-color-primary);
	border-color: var(--global-color-primary);
}

.btn-secondary .elementor-button {
	color: var(--global-color-white);
	background-color: var(--global-color-secondary);
	border: 1px solid var(--global-color-secondary);
}

.btn-secondary .elementor-button:hover {
	color: var(--global-color-white);
	background-color: var(--global-color-secondary-dark);
	border-color: var(--global-color-secondary-dark);
}

.btn-white .elementor-button {
	color: var(--global-color-base);
	background-color: var(--global-color-white);
	border: 1px solid var(--global-color-white);
}

.btn-white .elementor-button:hover {
	color: var(--global-color-white);
	background-color: var(--global-color-base);
	border-color: var(--global-color-base);
}

.btn-outline-white .elementor-button {
	color: var(--global-color-white);
	background-color: transparent;
	border: 1px solid var(--global-color-white);
}

.btn-outline-white .elementor-button:hover {
	color: var(--global-color-base);
	background-color: var(--global-color-white);
	border-color: var(--global-color-white);
}

/** Borders **/
.border-light .elementor-widget-container,
.border-light .elementor-element-populated,
.img-border-light img,
.elementor-section.border-light {
	border-color: var(--global-color-light);
}

.border-primary .elementor-widget-container,
.img-border-primary img {
	border-color: var(--global-color-primary);
}

.border-primary-hover img:hover {
	border-color: var(--global-color-primary);
}

/** Box Shadow **/
.shadow-sm,
.img-box-shadow-sm img {
	box-shadow: var(--global-box-shadow-sm);
}

.shadow,
.img-box-shadow img {
	box-shadow: var(--global-box-shadow);
}

.shadow-lg,
.img-box-shadow-lg img {
	box-shadow: var(--global-box-shadow-lg);
}

/** Divider **/
.divider-light .elementor-divider-separator {
	border-color: var(--global-color-light) !important;
}

html body {
	color: var(--global-color-body);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	font-family: var(--global-body-font);
	background-color: #fff;
}

body p:not(:last-child) {
	margin-bottom: 12px;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body h1.elementor-heading-title,
body h2.elementor-heading-title,
body h3.elementor-heading-title,
body h4.elementor-heading-title,
body h5.elementor-heading-title,
body h6.elementor-heading-title {
	font-family: var(--global-font);
	color: var(--global-color-base);
}

body h1,
body h1.elementor-heading-title,
body .h1 .elementor-heading-title {
	font-size: 60px;
	font-weight: 700;
	line-height: 1.3;
}

@media (max-width: 1024px) {

	body h1,
	body h1.elementor-heading-title,
	body .h1 .elementor-heading-title {
		font-size: 48px;
	}
}

@media (max-width: 767px) {

	body h1,
	body h1.elementor-heading-title,
	body .h1 .elementor-heading-title {
		font-size: 38px;
	}
}

body h2,
body h2.elementor-heading-title,
body .h2 .elementor-heading-title {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.3;
}

@media (max-width: 1024px) {

	body h2,
	body h2.elementor-heading-title,
	body .h2 .elementor-heading-title {
		font-size: 38px;
	}
}

@media (max-width: 767px) {

	body h2,
	body h2.elementor-heading-title,
	body .h2 .elementor-heading-title {
		font-size: 30px;
	}
}

body h3,
body h3.elementor-heading-title,
body .h3 .elementor-heading-title {
	font-size: 38px;
	font-weight: 700;
	line-height: 1.3;
}

@media (max-width: 1024px) {

	body h3,
	body h3.elementor-heading-title,
	body .h3 .elementor-heading-title {
		font-size: 30px;
	}
}

@media (max-width: 767px) {

	body h3,
	body h3.elementor-heading-title,
	body .h3 .elementor-heading-title {
		font-size: 24px;
	}
}

body h4,
body h4.elementor-heading-title,
body .h4 .elementor-heading-title {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.4;
}

@media (max-width: 1024px) {

	body h4,
	body h4.elementor-heading-title,
	body .h4 .elementor-heading-title {
		font-size: 24px;
	}
}

@media (max-width: 767px) {

	body h4,
	body h4.elementor-heading-title,
	body .h4 .elementor-heading-title {
		font-size: 20px;
	}
}

body h5,
body h5.elementor-heading-title,
body .h5 .elementor-heading-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
}

@media (max-width: 1024px) {

	body h5,
	body h5.elementor-heading-title,
	body .h5 .elementor-heading-title {
		font-size: 20px;
	}
}

@media (max-width: 767px) {

	body h5,
	body h5.elementor-heading-title,
	body .h5 .elementor-heading-title {
		font-size: 18px;
	}
}

body h6,
body h6.elementor-heading-title,
body .h6 .elementor-heading-title {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
}

@media (max-width: 1024px) {

	body h6,
	body h6.elementor-heading-title,
	body .h6 .elementor-heading-title {
		font-size: 18px;
	}
}

@media (max-width: 767px) {

	body h6,
	body h6.elementor-heading-title,
	body .h6 .elementor-heading-title {
		font-size: 17px;
	}
}

.elementor-button {
	background-color: #67FFC2;
	border-radius: 6px;
	color: var(--global-color-light-black);
	font-family: var(--global-font);
	font-size: 18px;
	font-weight: 500;
	padding: 12px 26px;
	line-height: 1.2;
}

.elementor-button:hover {
	background-color: #5DEBB2;
	color: var(--global-color-light-black);
}

.sub-menu-toggle {
	display: none;
}

/* Box Shadow */
.box_shadow_s1 {
	box-shadow: 0 8px 18px rgba(113, 122, 226, 0.1);
}

.box-shadow_s1>.elementor-element-populated {
	box-shadow: 0 8px 18px rgba(113, 122, 226, 0.1);
}

/* Element Suffix */

.overlay-caption-s1 .widget-image-caption {
	position: absolute;
	bottom: 20px;
	color: #fff;
	margin: 0 auto;
	font-size: 26px;
	line-height: 1.3;
	text-align: left;
	font-weight: 500;
	width: calc(100% - 60px);
	right: 0;
	left: 5px;
}

@media (min-width: 1100px) {
	.hangingtext-section-column {
		height: 100%;
	}

	.hangingtext-inner-section {
		align-items: center;
		display: flex;
		height: 100%;
	}

	.hangingtext .elementor-heading-title {
		position: absolute;
		left: 0;
		top: 130px;
		z-index: 9;
		align-items: center;
		display: flex;
		transform: rotate(-90deg);
	}

	.hangingtext.hangingtext-right .elementor-heading-title {
		left: auto;
		right: 0;
	}

	.hangingtext .elementor-heading-title::after {
		content: "";
		background-color: rgb(207, 32, 46);
		width: 60px;
		height: 2px;
		top: 6px;
		margin-left: 20px;
	}
}

/* Form Element */
div .elementor-field-group .elementor-field-textual {
	border: 1px solid #AAADAE;
	padding: 15px 20px;
	border-radius: 6px;
	color: #5C6165;
	line-height: 1;
}

/** Hero Section **/
@media (max-width: 1024px) {
	.bg-hide-md {
		background-image: none !important;
	}
}

.col-bg-secondary-light>.elementor-widget-wrap {
	background-color: var(--global-color-secondary-light);
}

/** Testimonial **/
.testimonial-jd .elementor-testimonial-content {
	position: relative;
}

.testimonial-jd .elementor-testimonial-content:before {
	content: "";
	background-image: url("https://wpjoom.tmpsite.co/wp-content/uploads/2021/10/quote-testimonial.svg");
	width: 26px;
	height: 21px;
	display: inline-block;
	margin-right: 10px;
}

.testimonial-jd .elementor-testimonial-wrapper .elementor-testimonial-meta-inner {
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonial-jd .elementor-testimonial-wrapper .elementor-testimonial-details {
	display: flex;
	align-items: center;
}

.testimonial-jd .elementor-testimonial-wrapper .elementor-testimonial-details .elementor-testimonial-job {
	font-size: 14px;
	font-family: var(--global-font);
	font-weight: 500;
}

.testimonial-popup .elementor-testimonial-content:before {
	display: block;
	margin-right: 0;
	margin-bottom: 20px;
}

.testimonial-popup .elementor-testimonial-wrapper .elementor-testimonial-meta-inner {
	justify-content: flex-start;
}

.testimonial-popup.img-border-light img {
	border-color: #fff;
}

.custom-testimonial .elementor-image-box-img img {
	border-width: 1px;
	border-style: solid;
	border-color: var(--global-color-light);
	border-radius: 6px;
	box-shadow: var(--global-box-shadow-sm)
}

.custom-testimonial.elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper {
	align-items: center;
}

.custom-testimonial .elementor-image-box-title {
	color: var(--global-color-base);
	position: relative;
}

.custom-testimonial .elementor-image-box-title:before {
	content: "";
	background-image: url("https://wpjoom.tmpsite.co/wp-content/uploads/2021/10/quote-testimonial.svg");
	width: 16px;
	height: 16px;
	position: absolute;
	left: -30px;
	background-size: contain;
	background-repeat: no-repeat;
}

@media (max-width: 767px) {
	.custom-testimonial .elementor-image-box-content {
		margin-top: 20px;
	}
}

.custom-testimonial .elementor-image-box-description {
	font-family: var(--global-font);
	font-size: 20px;
	font-weight: 600;
	color: var(--global-color-primary)
}

.desig {
	color: var(--global-color-body);
	font-size: 14px;
	font-weight: normal;
	margin-left: 10px;
}

/** Accordion **/
.accordion-jd .elementor-accordion>div.elementor-accordion-item:not(:first-child) {
	margin-top: 35px;
}

@media (max-width: 1024px) {
	.accordion-jd .elementor-accordion>div.elementor-accordion-item:not(:first-child) {
		margin-top: 20px;
	}
}

.accordion-jd .elementor-accordion .elementor-tab-title {
	font-weight: 600;
	line-height: 1.4;
}

.accordion-jd:not(.openings) .elementor-accordion .elementor-accordion-item {
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

.accordion-jd .elementor-accordion-item .elementor-tab-content {
	border: 0;
}

.accordion-jd:not(.openings) .elementor-accordion-icon {
	font-size: 25px;
}

.accordion-jd .elementor-accordion-icon-closed {
	color: #5C6165;
}

.accordion-jd .elementor-accordion-icon-opened {
	color: var(--global-color-primary);
}

.accordion-jd.openings .elementor-accordion>div.elementor-accordion-item:not(:first-child) {
	margin-top: 15px;
}

.openings .elementor-accordion .elementor-accordion-item+.elementor-accordion-item {
	border-top: 1px solid var(--global-color-light);
}

.accordion-jd.openings .elementor-accordion-icon {
	font-size: 16px;
}

.accordion-jd.openings .working-type {
	display: block;
	font-size: 16px;
	font-weight: normal;
}

.accordion-jd.openings ul {
	list-style: circle;
}

.accordion-jd.openings .btn-apply-wrap {
	border-top: solid 1px var(--global-color-light);
	padding-top: 20px;
}

/** Video **/
.absolute-center {
	transform: translate(-50%, -50%);
}

/** list**/
@media (min-width: 768px) {
	.list-divided .elementor-icon-list-items {
		display: flex;
		flex-wrap: wrap
	}

	.list-divided .elementor-icon-list-items li {
		width: 50%;
	}
}

/* Badge */

.badge {
	padding: 4px 10px;
	border-radius: 16px;
	font-size: 14px;
	line-height: 1.3;
}

.badge-primary {
	background-color: var(--global-color-primary);
	color: #fff;
}

/* Spacing */

.ml-5 {
	margin-left: 5px;
}

/** Counter **/
.jd-counter .elementor-counter-number-wrapper {
	color: var(--global-color-primary);
	font-size: 48px;
	font-family: var(--global-font);
	font-weight: 700;
}

.jd-counter .elementor-counter-title {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 15px;
}

/** JD-Author **/
.jd-author-info {
	background-color: var(--global-color-primary);
	border-radius: 12px;
}

.jd-author-info span {
	font-size: 16px;
}

/** Max Mega Menu **/
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:hover {
	font-weight: 500;
	font-family: var(--global-font);
}

#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu .mega-sub-menu li.mega-menu-item:not(:last-child) {
	margin-bottom: 25px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-item-elementor-library-3 {
	border-left: 1px solid var(--global-color-light);
}

@media(min-width:769px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
		padding: 45px 0 90px 0;
	}	
}
/** Blog **/
.elementor-4954 .elementor-element.elementor-element-58c670c .elementor-posts-container .elementor-post__thumbnail {
	padding: 0;
}

body .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img {
	position: static;
	transform: none;
}

.elementor-posts .elementor-post__title a {
	color: var(--global-color-light-black);
}

.elementor-posts .elementor-post__meta-data {
	color: var(--global-color-light-black);
}

.elementor-posts .elementor-post__meta-data span:not(:last-child) {
	margin-right: 7px;
}

.elementor-posts .elementor-post__meta-data span::before {
	margin-right: 7px;
}

.elementor-posts .elementor-post__meta-data .elementor-post-author {
	text-decoration: underline;
}

.elementor-widget-posts .elementor-pagination .page-numbers {
	color: var(--global-color-light-black);
	font-size: 24px;
}

.elementor-widget-posts .elementor-pagination .current {
	color: var(--global-color-primary);
}

.elementor-widget-posts .elementor-pagination .prev,
.elementor-widget-posts .elementor-pagination .next {
	width: 40px;
	height: 40px;
	line-height: 35px;
	font-size: 32px;
	display: inline-block;
	color: #fff;
	background-color: var(--global-color-primary);
	border-radius: 4px;
}

body:not(.rtl) .elementor-4954 .elementor-element.elementor-element-58c670c.elementor-widget-posts .elementor-pagination .page-numbers:not(:last-child) {
	margin-right: calc(24px/2);
}

body:not(.rtl) .elementor-4954 .elementor-element.elementor-element-58c670c.elementor-widget-posts .elementor-pagination .page-numbers:not(:first-child) {
	margin-left: calc(24px/2);
}



/* Start */

.mega-menu-column .sub-menu {
	position: relative !important;
	display: block !important;
}

.elementor-nav-menu li.content-column {
	border-left: 1px solid #ddd;
}

.elementor-nav-menu li.has-mega-menu>ul.sub-menu {
	min-width: 1020px;
}

.elementor-nav-menu--layout-horizontal .elementor-nav-menu li.has-mega-menu ul.sub-menu a.elementor-sub-item {
	white-space: pre-wrap;
}

.elementor-nav-menu .has-mega-menu a.elementor-sub-item,
body ul.elementor-nav-menu--dropdown a,
body ul.elementor-nav-menu--dropdown a:focus,
body ul.elementor-nav-menu--dropdown a:hover {
	border: none;
}

@media screen and (min-width: 600px) {
	.elementor-nav-menu .has-mega-menu {
		position: static;
	}

	.elementor-nav-menu li.has-mega-menu ul.sub-menu {
		width: 100%;
		position: absolute;
		/*insert the needed value*/
		top: auto;
		z-index: 100;
		left: auto;
		right: auto;
	}

	li.has-mega-menu:hover>.sub-menu {
		/*flexbox fallback for browsers that do not support CSS GRID lyout*/
		display: flex;
		flex-wrap: wrap;
		/*CSS GRID lyout*/
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
	}
}

@media screen and (min-width: 992px) {
	li.has-mega-menu:hover>.sub-menu {
		grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
	}
}

@media screen and (min-width: 600px) {
	li.mega-menu-column {
		width: 100%;
		max-width: 100%;
		min-height: 1px;
		padding: 10px 25px;
		flex: 1 0 calc(50%);
	}
}

@media screen and (min-width: 992px) {
	li.mega-menu-column {
		flex: 1 0 calc(25%);
	}
}

/* Icon List */
.footer-contact-info .elementor-icon-list-icon {
	background: #5bbe96;
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}

/* Blog */

body.single-post h1 {
	font-size: 40px;
	line-height: 1.2;
}

/* Post Tags */
.post-tags.elementor-widget .elementor-icon-list-item .elementor-post-info__terms-list {
	font-size: 0;
}

.post-tags.elementor-widget .elementor-icon-list-item a {
	font-size: 14px;
	color: #5C6165;
	background-color: #e2e4f959;
	padding: 4px 18px;
	margin-right: 10px;
	line-height: normal;
}


.post-category {}

.post-category .elementor-post-info__terms-list-item {
	background-color: #E2E4F9;
	font-size: 16px;
	color: #0010CB;
	padding: 4px 14px;
	border-radius: 4px;
}

/* Mislaneice */

body ol,
body ul {
	font-family: inherit;
}


/* Archive View1 */

.archive-v1 .elementor-posts .elementor-post__badge {
   position: relative;
}
.archive-v1 {}
.archive-v1 {}
.archive-v1 {}
.archive-v1 {}

.post__item .post_content p a {
	color: #0010CB;
	text-decoration: underline;
	font-weight: bold;
}