/* 
Theme Name: hello elementor Child
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child.
*/

@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

a {
	tr768ansition: 0.3s;
}

.footer-main {
	max-width: 1280px;
	display: flex;
	justify-content: space-around;
}

/** Blog Archive page css**/
body.blog .post-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	margin: 2rem 0;
}

body.blog .post-grid .post-card {
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
}

body.blog .post-grid .post-card:hover {
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.blog #category-filter select {
	font-family: "Inter", sans-serif;
	background: #fff;
	border: 1px solid #282828;
	appearance: none;
	padding: 5px 36px 5px 16px;
}

.blog #category-filter select {
	background: url(/resources/wp-content/uploads/2025/07/angle-down-icon.svg) no-repeat;
	background-position: 90% 58%;
}

.blog #category-filter {
	position: absolute;
	top: 5px;
	right: 15px;
}

.post-grid .post-thumbnail img {
	width: 100%;
	height: auto;
	display: block;
}

.post-grid .post-content {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.blog .post-content .post-title {
	margin: 0;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 16px;
}

.post-grid a.read-more-btn {
	display: inline-block;
	padding: 0.5rem 1rem;
	background-color: #43bdc1;
	border: 1px solid #43bdc1;
	font-family: 'Inter';
	font-weight: 500;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	margin-top: auto;
	width: max-content;
}

.post-grid a.read-more-btn:hover {
	background-color: #fff;
	border: 1px solid #43bdc1;
	color: #43bdc1;
}

.blog .post-grid .post-card .post-thumbnail, .blog .post-grid .post-card .post-thumbnail img {
	object-fit: cover;
	transition: all 0.3s ease-in-out;
	border-radius: 8px 8px 0 0;
}

.blog .post-grid .post-card:hover .post-thumbnail img {
	transform: scale(0.95);
}

h2.post-title a {
	font-size: 1.125rem;
	color: #000;
	text-decoration: none;
}

.post-meta span.post-date {
	font-size: 16px;
	color: #000;
	font-weight: 500;
}

.post-meta span.reading-time {
	font-size: 16px;
	color: #000;
	font-weight: 500;
}

.post-grid .post-content .post-meta {
	margin-bottom: 8px;
	font-family: 'Raleway';
}

.post-content .post-excerpt {
	font-size: 16px;
	color: #828282;
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 16px;
}

.page-header .entry-title {
	max-width: 100%;
	font-family: "Raleway", sans-serif;
	font-weight: 700;
}

#load-more-container {
	text-align: center;
}

#load-more-container button#load-more {
	border: 1px solid #43bdc1;
	color: #43bdc1;
	font-family: 'Inter';
	font-size: 14px;
	font-weight: 500;
	outline: none;
}

#load-more-container button#load-more:hover, #load-more-container button#load-more:focus {
	background: #43bdc1;
	color: #fff;
}



.table-of-contents {
	background: #f9f9f9;
	border: 1px solid #ddd;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 8px;
}

.table-of-contents ul {
	list-style: none;
	padding-left: 0;
}

.table-of-contents li {
	margin: 5px 0;
}

.toc-level-2 {
	margin-left: 0;
}

.toc-level-3 {
	margin-left: 20px;
}

.toc-level-4 {
	margin-left: 40px;
}

.table-of-contents a {
	text-decoration: none;
	color: #0073aa;
}

.table-of-contents a:hover {
	text-decoration: underline;
}

/**  Header  **/
header#site-header {
	background: #FFF;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
	padding: 0;
	position: sticky;
	height: 80px;
	top: 0;
	z-index: 9;
}

.site-header .header-inner {
	max-width: 1500px;
	padding: 15px;
}

.site-header .header-inner .site-branding .site-logo img {
	width: 100%;
}

.site-header .site-branding {
	max-width: 213px;
	width: 100%;
}

header #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
	font-weight: 600;
	font-family: "Inter", sans-serif;
}

/* header #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link span.mega-indicator {
display: none;
} */

.contact-info {
	padding-left: 16px;
	border-left: 1px solid #43BDC1;
}

.contact-info .email {
	margin-left: 42px;
}

.contact-info .phone a {
	color: #282828;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-left: 10px;
}

.contact-info a:hover,
.contact-info .email a:hover {
	color: #43BDC1;
}

.contact-info .email a {
	color: #828282;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

header #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
	box-shadow: 0px 4px 20px 0px #0000000A;
	top: 60px;
}

header #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu:nth-child(1)>ul.mega-sub-menu, header #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu:nth-child(2)>ul.mega-sub-menu {
	width: 130%;
	left: -80px;

}

header #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu:nth-child(2)>ul.mega-sub-menu {
	width: 95%;
	left: 199px;
}

header #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column {
	margin-bottom: 20px;
}

header #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu li.widget_text p {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0;
	color: #667085;
}


/** Footer **/
footer#site-footer {
	background-image: url(/resources/wp-content/uploads/2025/07/footer-bg.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #fff;
}

footer .footer-main {
	margin: 150px auto 0;
	max-width: 1500px;
	padding: 0 15px;
	justify-content: space-between;
	gap: 50px;
}

footer .footer-1 img {
	max-width: 213px;
	width: 100%;
}

footer .footer-1 .widget_text p {
	margin: 0;
	font-family: "Gelasio", serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 27px;
	color: #656565;
}

footer .footer-1 .widget_text a {
	font-family: "Gelasio", serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #42bdc1;
	margin-top: 30px;
	display: block;
}

footer .footer-1 .widget_text a:before {
	content: '';
	background: url(/resources/wp-content/uploads/2025/07/list-arrow.webp) no-repeat;
	display: inline-block;
	width: 6px;
	height: 9px;
	margin-right: 8px;
}

footer .footer-1 .widget_text a:hover{
	text-decoration: underline;
}

footer .footer-3 .widgettitle {
	margin-top: 0;
	margin-bottom: 22px;
	font-family: "Gelasio", serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 100%;
}

footer .footer-3 nav ul {
	list-style: none;
	padding: 0;
}

footer .footer-3 nav ul li a {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #656565;
}

footer .footer-3 nav ul li a:hover {
	color: #43BDC1;
}

footer .footer-2 .wp-block-heading {
	margin-top: 0;
	font-family: "Gelasio", serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 100%;
	color: #282828;
	margin-bottom: 22px;
}

footer .footer-2 figure {
	width: max-content;
}

footer .footer-2 .wp-block-column {
	display: flex;
	align-items: center;
	gap: 17px;
}

footer .footer-2 .wp-block-column p {
	margin: 0;
}

footer .footer-2 .wp-block-columns {
	margin-bottom: 14px;
}

footer .footer-2 .wp-block-column a {
	font-family: "Gelasio", serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #656565;
}

footer .footer-2 .wp-block-column a:hover {
	color: #43BDC1;
}

footer .wp-block-social-links {
	margin-top: 27px;
}

footer .wp-block-social-links li {
	background-color: transparent;
}

footer .wp-block-social-links li svg path {
	fill: #282828;
}

footer .wp-block-social-links .wp-social-link svg {
	height: 20px;
	width: 20px;
}

footer .wp-block-social-links {
	margin-block-start: 13px !important;
}

footer .copyright {
	text-align: center;
	padding-top: 24px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	max-width: 1470px;
	margin: 31px auto 0;
}

footer .copyright p {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	text-align: center;
	color: rgba(0, 0, 0, 0.3);
}

footer .footer-2 figure {
	width: 24px;
}

footer .footer-2 * {
	font-family: "Gelasio", serif;
	color: #656565;
}

.footer-social figure.wp-block-image {
	margin: 0;
	width: auto;
}

.footer-social {
	margin-top: 13px !important;
	column-gap: 40px !important;
}


/** Single blog **/
body:not([class*=elementor-page-]) .site-main{
	max-width: 1500px;
	padding: 0 15px;
	margin: 43px auto 174px;
	position: relative;
}

.single-post .featured-image-section {
	position: relative;
	border-radius: 8px;
	line-height: 0;
}

.single-post .featured-image-section img {
	border-radius: 8px 8px 0px 0px;
	max-height: unset;
}

.single-post .featured-image-section .post_heading {
	background: rgba(0, 0, 0, 0.50);
	backdrop-filter: blur(17.5px);
	padding: 24px 19px;
	position: absolute;
	bottom: 0;
	line-height: 0;
	border-radius: 0 0 8px 8px;
	width: 100%;
}

.single-post .featured-image-section {
	position: relative;
}

.single-post .featured-image-section .post_heading h1 {
	margin: 0;
	color: #FFF;
	font-family: "Inter", sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 44px;
}

.single-post .featured-image-section .post_heading .post-meta {
	display: flex;
	justify-self: end;
	align-items: center;
	position: relative;
	bottom: 8px;
	margin-top: 10px;
}

.single-post .post_heading .post-meta span {
	color: #fff;
	font-family: "Raleway", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: center;
}

.single-post .post_heading .post-meta span:before {
	content: '';
	width: 3px;
	height: 3px;
	background-color: #fff;
	border-radius: 50px;
	margin: 0 8px;
}

.single-post .post_heading .post-meta span:first-child:before {
	display: none;
}

.single-post .post-content {
	padding: 0;
}

.single-post .post-content h2 {
	color: #1B1B1F;
	font-family: "Gelasio", serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 40px 0 20px;
}

.single-post .post-content p, ul.wp-block-list li {
	margin-bottom: 20px;
	color: #282828;
	text-align: left;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

.single-post .post-content h4 {
    font-size: 20px;
    font-family: "Inter", sans-serif;
}

.single-post .post-content p a, .wp-block-heading a, ul.wp-block-list li a {
	color: #43BDC1;
	word-break: break-word !important;
}

.single-post .post-content p a:hover{
	text-decoration: underline;
}

.post-content p:empty {
	display: none;
}

.single-post .post-category-with-share-icon {
	margin-top: 35px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.single-post .post-category-with-share-icon {
	margin-top: 35px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.single-post .post-category-with-share-icon .cat-name p {
	border-radius: 15px;
	background: rgba(67, 189, 193, 0.10);
	padding: 4px 8px;
	color: #43BDC1;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-right: 10px;
	margin-bottom:0;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.single-post .post-category-with-share-icon .cat-name p:before {
	content: '';
	width: 5px;
	height: 5px;
	display: inline-block;
	background: #43BDC1;
	border-radius: 50px;
}

.single-post .related-posts-section h3 {
	color: #1B1B1F;
	font-family: "Gelasio", serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0 0 26px;
}

.single-post .related-posts-section .post-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 23px;
}

.single-post .related-posts-section .post-grid .post-card {
	padding: 12px;
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 4.542px 13.627px 0px rgba(149, 157, 165, 0.20);
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.single-post .related-posts-section .post-grid .post-content .post-title a {
	color: #282828;
	font-family: "Inter", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 0;
	margin: 0 0 8px;
}

.single-post .related-posts-section .post-grid .post-content .post-title {
	margin: 0 0 8px;
	line-height: 16px;
}

.single-post .bredcrumb {
	border-radius: 5px;
	background: #F7F7F7;
	width: max-content;
	padding: 10px;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.single-post .bredcrumb span,
.single-post .bredcrumb a {
	color: #6C7880;
	font-family: "Raleway", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.single-post .bredcrumb a:hover {
	color: #43BDC1;
}

.single-post .social-share-buttons {
	display: flex;
	align-items: center;
	gap: 20px;
}

.single-post .social-share-buttons span {
	margin-top: 3px;
	color: #282828;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-right: 5px;
}

.single-post .site-main .main-container {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	gap: 40px;
}

.single-post .main-container .table-content-section {
	position: sticky;
	top: 100px;
	height: fit-content;
	margin-top: 35px;
}

.single-post .main-container .post-content-section {
	flex: 1;
}

.single-post .cta-section {
	margin-top: 30px;
	margin-bottom: 40px;
	padding: 40px 40px 45px;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 24px;
	border-radius: 16px;
	align-items: center;
}

.single-post .cta-section h3 {
	color: #FFF;
	text-align: center;
	font-family: "Inter", sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 0;
}

.single-post .cta-section p {
	margin: 0;
	color: #FFF;
	font-family: "Inter", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.single-post .cta-section a {
    background: #000;
    padding: 10px 25px;
    border-radius: 6px;
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
    transition: background 0.3s ease-in-out;
	width: max-content;
	margin: 0 auto;
}
/* .single-post .cta-section a {
	background: #FFF;
	width: max-content;
	margin: 0 auto;
	padding: 10px 25px;
	color: #43BDC1;
	text-align: center;
	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
} */

.single-post .cta-section a:hover {
	background: #474747;
}

.single-post .faq-section h2 {
	color: #1B1B1F;
	font-family: "Gelasio", serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0;
}

.single-post .faq-section .accordion {
	margin-top: 32px;
	margin-bottom: 62px;
}

.single-post .faq-section .accordion .accordion-item {
	border: none;
	border-radius: 0;
	border-bottom: 2px solid #8896A6;
	margin-bottom: 25px;
}

.single-post .faq-section .accordion .accordion-item:last-child {
	border: none;
}

.single-post .accordion-item button {
	border: none;
	background: none;
	padding: 0;
	color: #282828;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	padding-bottom: 19px;
	width: 100%;
	text-align: left;
	display: flex;
	white-space: normal;
	align-items: flex-start;
	gap: 50px;
	box-shadow: none;
}

.single-post .accordion-item .accordion-button:not(.collapsed) {
	box-shadow: none;
}

.accordion-item .accordion-body {
	padding: 0;
	color: #282828;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 50px;
}

.accordion-item .accordion-body code {
	color: #43BDC1;
}

.accordion-item .accordion-body a {
	color: #43BDC1;
}

.single-post .accordion-item .accordion-button::after {
	content: '+';
	font-size: 30px;
	font-weight: 300;
	position: relative;
	top: -5px;
	background-image: none;
	background-image: none;
	transform: none;
}

.single-post .accordion-item .accordion-button:not(.collapsed)::after {
	content: '-';
}

.single-post .related-posts-section .catname p {
	border-radius: 15px;
	background: rgba(67, 189, 193, 0.10);
	padding: 4px 8px;
	color: #43BDC1;
	font-family: "Inter", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-right: 10px;
	display: inline-flex;
	text-align:left;
	align-items: center;
	gap: 5px;
	margin-bottom: 10px;
}

.single-post .related-posts-section .catname p:before {
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	background: #43BDC1;
	border-radius: 50px;
}

.single-post .related-posts-section .post-grid .post-content .post-meta {
	display: flex;
}

.single-post .related-posts-section .post-grid .post-content .post-meta .reading-time{
	color: #282828;
	font-family: "Inter", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.single-post .related-posts-section .post-grid .post-content .post-meta .post-date {
	color: #282828;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.single-post .related-posts-section .post-grid .post-content .post-meta span {
	display: flex;
	align-items: center;
}

.single-post .related-posts-section .post-grid .post-content .post-meta span:before {
	content: '';
	width: 2px;
	height: 2px;
	background-color: #282828;
	border-radius: 50px;
	margin: 0 8px;
	display: inline-block;
}

.single-post .related-posts-section .post-grid .post-content .post-meta span:first-child:before {
	display: none;
}

.single-post .related-posts-section .post-grid .post-card img {
	border-radius: 5px;
}

.single-post .related-posts-section .post-grid .post-card img {
	border-radius: 5px;
}

.contact-form-section {
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 4.542px 13.627px 0px rgba(149, 157, 165, 0.20);
	padding: 20px;
}

.contact-form-section h3 {
	margin: 0 0 25px;
	color: #282828;
	font-family: 'Gelasio' !important;
	font-size: 40px !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.contact-form-section h3 .highlighted-heading {
	color: #23C7C8;
}

.contact-form-section form label {
	width: 100%;
	margin-bottom: 30px;
}

.contact-form-section form input[type='text'],
.contact-form-section form input[type='number'],
.contact-form-section form input[type='email'],
.contact-form-section form textarea {
	padding: 0 0 10px;
	border: none;
	border-bottom: 1px solid #eee;
	border-radius: 0;
	width: 100%;
	color: #000;
	text-align: left;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	outline: none;
}

.contact-form-section form input[type='text']:focus,
.contact-form-section form input[type='number']:focus,
.contact-form-section form input[type='email']:focus,
.contact-form-section form textarea:focus {
	border-bottom: 1px solid #43BDC1;
}

.contact-form-section input::placeholder,
.contact-form-section textarea::placeholder {
	color: #808080;
}

.contact-form-section form .wpcf7-not-valid-tip {
	font-size: 12px;
	margin-top: 5px;
	font-family: "Inter", sans-serif;
}
h3 {
	font-size: 24px !important;
	font-family: "Inter", sans-serif !important;
}
.contact-form-section form .upload-doc-container{
	position: relative;	
}
.contact-form-section form .upload-doc-container > p {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contact-form-section form label.upload-doc {
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin: 0;
	width: max-content;
}

.contact-form-section form label.upload-doc input[type='file'] {
	border: 1px solid #D9D9D9;
	background: none;
	font-size: 0;
	width: 110px;
	height: 28px;
	position: relative;
}

.contact-form-section form label.upload-doc input[type='file']::file-selector-button {

}

.contact-form-section form label.upload-doc input[type='file']:before {
	content: 'Upload Files';
	color: #808080;
	text-align: center;
	font-family: "Inter", sans-serif;
	font-size: 10.22px;
	font-style: normal;
	font-weight: 400;
	line-height: 17.034px;
	background: url(/resources/wp-content/uploads/2025/07/bytesize_upload.svg) no-repeat;
	background-position: 10% 50%;
	padding: 5px 5px 5px 25px;
	width: 100%;
	height: 100%;
	display: block;
}

.contact-form-section form label.upload-doc>span {
	color: #808080;
	text-align: center;
	font-family: "Inter", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	position: relative;
}

.contact-form-section form label.upload-doc .upload-fld {
	display: flex;
	flex-direction: column;
}

.contact-form-section form label.upload-doc .upload-fld span {
	font-size: 8px;
	text-align: left;
}

.contact-form-section form input[type='submit'] {
	background: #000;
	padding: 10px 16px;
	border-radius: 8px;
	color: #FFF;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	border: none;
	transition: background 0.3s ease-in-out;
}

.contact-form-section form input[type='submit']:hover{
	background: #474747;
	transition: background 0.3s ease-in-out;
}

.contact-form-section form .wpcf7-spinner{
	position: absolute;
	right: 10px;
	bottom: -25px;
}

.sidebar-toc {
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 4.542px 13.627px 0px rgba(149, 157, 165, 0.20);
	padding: 20px;
	position: sticky;
	top: 100px;
	height: fit-content;
	margin-top: 35px;
	max-height: 80vh;
	overflow: auto;
}

.sidebar-toc::-webkit-scrollbar {
	width:8px;
}

.sidebar-toc::-webkit-scrollbar-thumb {
	background: #c3c3c3; 
	border-radius: 50px
}

.single-post .sidebar-toc strong {
	color: #282828;
	font-family: "Raleway", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 20px;
	display: block;
}

.single-post .sidebar-toc ul {
	list-style-type: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.single-post .sidebar-toc ul li a {
	color: #282828;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	padding-left: 20px;
	display: block;
	border-left: 3px solid #fff;
}
.single-post .sidebar-toc ul li a:hover {
	color: #43BDC1;
	font-weight: 600;
}

.single-post .sidebar-toc ul li a.active {
	color: #43BDC1;
	font-weight: 600;
	border-left: 3px solid #43BDC1;
}
.header-contact-sec {
	display: flex
		;
	align-items: center;
	gap: 16px;
}

/**  Service page  **/
.case-studies-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 38px;
}

.case-study-card .case-image img {
	border-radius: 16px 16px 0 0;
	height: 184px;
	object-fit: cover;
	object-position: top;
	width: 100%;
}

.case-study-card .case-content {
	background: #fff;
	height: calc(100% - 184px);
	padding: 20px 20px 30px;
	border-radius: 0 0 16px 16px;
}

.case-study-card .case-content .case-title a {
	color: #282828;
	font-family: 'Inter';
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.case-study-card .case-content .case-title {
	margin: 0;
	margin-bottom: 8px;
}

.case-study-card .case-content .case-excerpt {
	color: #282828;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 187.5% */
	margin: 0;
}

.service-contact-fixed {
	top: 90px;
	max-width: 604.8px;
	width: 100%;
	position: fixed !important;
	left: calc(50% + 67px);
	max-height: 100vh;
	z-index: 8 !important;
}

ul.wp-block-social-links {
	list-style: none;
	padding: 0;
}

body .wp-block-code code{
	overflow-wrap: anywhere;
}

menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
	content: " " !important;
	margin: 0;
	background-image: url(https://devtrust.biz/resources/wp-content/uploads/2025/07/angle-down-icon.svg) !important;
	background-repeat: no-repeat !important;
	height: 20px;
	width: 20px;
}


/* Popup overlay (hidden by default) */
.popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 999;
	padding: 16px;
    align-items: center;
    justify-content: center;
}

/* Popup box */
.popup-content {
	background: #fff;
	padding: 10px 20px;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	position: relative;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	max-height: 90vh;
	overflow-y: auto;
}

.popup-content .wpcf7{
	width: 100%;
}

#popup .contact-form-section h3 {
    margin: 0;
    font-family: 'Gelasio' !important;
    font-size: 30px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 2.25rem;
    color: #43bdc1;
}

#popup .popform {
    margin-top: 1.25rem;
}

#popup .contact-form-section form input[type='text'], #popup .contact-form-section form input[type='number'], #popup .contact-form-section form input[type='email'], #popup .contact-form-section form textarea {
    font-size: 16px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    line-height: 30px;
}

#popup .contact-form-section form .wpcf7-not-valid-tip {
    margin: 0;
}

#popup .contact-form-section form label {
    margin-bottom: 20px;
}

#popup .popup_from_section p {
    margin: 0;
}

#popup .contact-form-section form textarea {
    height: 70px;
}


#popup .contact-form-section form label.upload-doc input[type='file'] {
	width: 154px;
	height: 48px;
	border-radius: 4px;
}

#popup .contact-form-section form label.upload-doc input[type='file']:before {
    font-size: 16px;
    width: 154px;
    height: 48px;
    padding: 16px 5px 16px 32px;
    color: #000;
}

#popup .contact-form-section form label.upload-doc {
    margin: 0;
}

#popup .contact-form-section form input[type='submit'] {
    padding: 14px 24.1px;
    max-width: 150px;
    display: block;
    height: auto;
    text-transform: uppercase;
    font-size: 18px;
}

#popup .contact-form-section form .upload-doc-container > p {
    margin-top: 19px;
    margin-bottom: 7.5px;
	align-items: flex-start;
}

.cf7-thank-you-msg {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.cf7-thank-you-msg h3{
	color: #00c72e !important;
}

.cf7-thank-you-msg p{
	text-align: center;
}
.wpcf7-response-output {
	display: none;
}

/* Close button */
.close-btn{
    font-size: 20px;
    cursor: pointer;
    font-weight: 600;
    color: #000;
    padding: 5px 0px;
    width: max-content;
    align-self: flex-end;
    margin: -5px;
}

.btn_schedule {
	max-width: 180px;
	padding: 10.5px 22px !important;
	border-radius: 30px !important;
	background: linear-gradient(90deg, #ff3cac, #562b7c 52%, #2b86c5);
	font-family: Inter, sans-serif;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 29.05px !important;
	border: none !important;
	text-transform: inherit !important;
	align-items: baseline;
	justify-content: space-between;
	gap: 2px;
	color: #fff !important;
}
.btn_schedule img {
	width: 16%;
	position: relative;
	top: -3px;
	left: 12px;
}
.post-type-archive-services #post-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	margin: 2rem 0;
}
.post-type-archive-services #post-container .post-card{
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow 0.3s ease;
}
.post-thumbnail {
	display: flex;
	justify-content: center;
}
.popup_from_section {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 12px;
}
.mob_contact_btn_ a img {
	width: 22px;
	height: 22px;
}
.post-type-archive-services #post-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	margin: 2rem 0;
}

.post-type-archive-services .post-grid .post-thumbnail img {
	width: auto;
	display: block;
}

.get_started_btn a {
	background: #000;
	padding: 6px 10px;
	color: #FFFFFF !important;
	font-size: 14px;
	font-family: 'Inter';
	font-weight: 400;
	text-transform: uppercase;
	width: max-content;
	border-radius: 6px;
}
.get_started_btn a:hover {
	background: #474747;
}
.site-header .header-inner{
	align-items:center;
}

.contact-form-section .elementor-shortcode {
	height: 100%;
}

.contact-form-section .elementor-shortcode .cf7-thank-you-msg {
	height: 100%;
}

.cky-notice-group .cky-notice-des p {
	font-family: 'Inter';
	font-size: 16px;
	color: #474747;
}
.cky-notice-group .cky-notice-des p  a{	
	font-family: 'Inter';
	font-size: 16px;
	color: #43bdc1;
	text-decoration: underline;
}
.cky-consent-container .cky-consent-bar{
	padding: 30px 70px !important;
}
button.cky-btn.cky-btn-reject {
	font-family: 'Inter';
	border: 1px solid #474747 !important;
	padding: 10px 20px !important;
	border-radius: 4px !important;
	font-size: 16px !important;
}
button.cky-btn.cky-btn-accept{
	font-family: 'Inter';
	border: 1px solid #43bdc1 !important;
	padding: 10px 20px !important;
	border-radius: 4px !important;
	font-size: 16px !important;
}

div#filePreview p {
	font-size: 14px;
}
.wp-block-image img{
	width: 100%;
}

.mega-dt-icon-menu > ul > li.widget_media_image {
    position: absolute !important;
    left: 0 !important;
	width:30px !important;
}
.mega-dt-icon-menu > ul {
    padding-left: 46px !important;
}
.mega-dt-icon-menu > ul > li.widget_media_image img {
    max-width: 30px !important;
}
ul.mega-sub-menu li a {
    font-weight: 700 !important;
}
body #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
		content: '';
		background-image: url(https://devtrust.biz/resources/wp-content/uploads/2025/07/chevrondownblack.svg) !important;
		background-repeat: no-repeat;
		width: 14px;
        height: 14px;
		top: 9px !important;
	}
/* 	body #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
		content: '';
		background-image: url(https://devtrust.biz/resources/wp-content/uploads/2025/07/chevrondown.svg) !important;
	} */
	body #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children:hover > a.mega-menu-link > span.mega-indicator:after, body #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link > span.mega-indicator:after {
		content: '';
		background-image: url(https://devtrust.biz/resources/wp-content/uploads/2025/07/chevrondown.svg) !important;
	}
div#mobile_form {
    max-width: 500px;
    margin: 0 auto;
	margin-top: 40px;
}
.sticky-btn {
    position: fixed;
    float: right;
    right: 5px;
	bottom: 10px;
	line-height: 2.4;
}
.sticky-btn a#sticky-popup-form {
    background: linear-gradient(90deg, #FF3CAC 0%, #562B7C 52%, #2B86C5 100%);
    padding: 10px 16px;
    border-radius: 20px;
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
    transition: background 0.3s ease-in-out;
	cursor:pointer !important;
}
.sticky-btn a#sticky-popup-form:hover {
    background: linear-gradient(90deg, #2B86C5 0%, #562B7C 52%, #FF3CAC 100%);
    transition: background 0.3s ease-in-out;
}
.sticky-btn{
	display:none;
}
.post-meta span svg {
    height: 25px;
    width: 25px;
	margin-right: 8px;
}
.e-n-accordion details:last-child summary {
    border: none !important;
}
.quant-result {
    background: linear-gradient(135deg, #2DE6FF 0%, #255FFE 49%, #E106FF 100%);
}
.televisits-impacts ul li, .impacts-section ul li {
    color: #fff;
}

#case-study {
    padding: 0 30px;
	margin: 43px 0;
}

#case-study .case-study-inner {
    max-width: 1140px;
    margin: 0 auto;
}

#case-study #cs-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

#case-study #cs-gallery .cs-item {
    border-radius: 5px;
    position: relative;
}

#case-study #cs-gallery .cs-item img {
    border-radius: 5px;
	object-fit: cover;
    width: 100%;
}

#case-study #cs-gallery .cs-item .cat-excerpt {
    position: absolute;
    top: 0;
    padding: 150px 16px 16px;
    color: #fff;
    font-family: 'Inter';
    font-weight: 600;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#case-study .cs-item .category-name h6 {
    margin: 0 0 8px;
    font-weight: 700;
}

#case-study .cs-item .category-name .industry-type {
    font-size: 14px;
    line-height: normal;
    padding: 8px 16px;
    border: 1px solid #fff;
    margin-right: 8px;
    display: inline-block;
}

#case-study .cs-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 44px;
    column-gap: 40px;
}

#case-study .cs-nav button {
    border: none;
    color: #000;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    padding: 0;
	background: #fff;
}

#case-study .cs-nav button.active {
    color: #43bdc1;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-style: solid;
    text-underline-offset: 4px;
}

/***********   Responsive CSS    ********/
@media screen and (max-width: 1440px){
	.service-contact-fixed {
		max-width: calc(45% - 48px);
	}
}
@media screen and (max-width: 1280px){
	.service-contact-fixed {
		left: calc(50% + 50px);
		max-width: calc(45% - 50px);
	}
	.single-post .site-main .main-container {
		gap: 20px;
	}
	.site-header .site-branding {
		max-width: 150px;
	}
	header #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu:nth-child(2)>ul.mega-sub-menu, header #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu:nth-child(4)>ul.mega-sub-menu {
		width: 120%;
	}
	header #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu:nth-child(3)>ul.mega-sub-menu {
		width: 75%;
	}
	header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		padding: 0px 12px;
	}
}

@media screen and (max-width: 1024px){
	.single-post .site-main .main-container {
		grid-template-columns: repeat(1, 1fr) repeat(1, 2fr);
	}

	.single-post .main-container .table-content-section {
		order: 1;
		grid-column: span 2;
		position: unset;
	}

	.single-post .sidebar-toc {
		order: 2;
	}

	.single-post .main-container .post-content-section {
		order: 3;
	}

	body .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation {
		display: none !important;
	}
	.site-header .site-branding {
		max-width: 213px;
	}
	body .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
		display: flex !important;
		gap:10px;
		padding: 0;
	}
	body .site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown {
		top: 68px;
		border-top: 1px solid #eee;
	}
	body .site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown {
		top: 68px;
	}
	body .site-navigation-toggle-holder .site-navigation-toggle {
		background: #fff;
		padding: 0;
	}
	.contact-info{
		display: block;
	}
	body .site-header .header-inner {
		align-items: center;
	}
	#mega-menu-wrap-menu-1 {
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
		padding: 30px 0 !important;
		max-height: 90vh !important;
		overflow-y: auto !important;
	}

	.contact-info {
		margin-top:0;
	}
	.header-contact-sec{
		margin-top: 20px;
	}
	body.blog .post-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	header #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu{
		width: 100% !important;
	}

	.single-post .featured-image-section .post_heading .post-meta {
		position: unset;
	}
	
	.header-contact-sec {
		display: none;
	}
	
	ul.max-mega-menu .header-contact-sec{
		display:flex;
	}
	
	div#blog_detail_form {
    	display: none;
	}
	
	.sticky-btn{
		display:block;
	}
	
	#case-study #cs-gallery {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 768px){
	.single-post .site-main .main-container {
		grid-template-columns: repeat(1, 1fr);
		column-gap: 0;
	}

	.single-post .sidebar-toc{
		display: none;
	}

	.single-post .related-posts-section .post-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	footer .footer-main {
		flex-direction: column;
	}

	body.blog .post-grid, .post-type-archive-services .post-grid {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.blog #category-filter {
		position: unset;
		margin-top: 30px;
	}

	body.blog .post-grid {
		margin-top: 16px;
	}

	.blog #category-filter select {
		background-position: 95% 58%;
	}

	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
		top: 15px !important;
		right: -8px;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
		padding: 10px 8px !important;
		max-height: 90vh !important;
		overflow-y: auto !important;
	}
	body #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
		content: '';
		background-image: url(https://devtrust.biz/resources/wp-content/uploads/2025/07/chevrondownblack.svg) !important;
		left: -13px !important;
		background-repeat: no-repeat;
		width: 14px;
        height: 14px;
		top: 9px !important;
	}
	body #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
		content: '';
		background-image: url(https://devtrust.biz/resources/wp-content/uploads/2025/07/chevrondown.svg) !important;
		left: -13px !important;
		background-repeat: no-repeat;
		width: 14px;
        height: 14px;
		top: 9px !important;
	}
	body #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children:hover > a.mega-menu-link > span.mega-indicator:after {
		content: '';
	}
	.case-studies-grid{
		grid-template-columns: 1fr;
	}

	.single-post .featured-image-section .post_heading h1 {
		font-size: 18px;
		line-height: 22px;
	}

	.single-post .featured-image-section .post_heading .post-meta {
		padding-top: 10px;
		display: flex;
		justify-self: center;
	}

	.single-post .featured-image-section .post_heading {
		margin-bottom: -90px;
	}

	.single-post .featured-image-section img {
		min-height: auto;
		object-fit: cover;
		object-position: center;
	}

	.single-post .site-main .main-container {
		grid-template-columns: repeat(1, 1fr);
		column-gap: 0;
		padding-top: 90px;
	}

	.single-post .featured-image-section .post_heading {
		background: rgba(0, 0, 0, 0.80);
	}
	
	.case_study-template .elementor-image-box-wrapper {
		display: flex;
		column-gap: 16px;
	}
	h3.elementor-icon-box-title {
		margin-top: 0;
	}
	#case-study #cs-gallery .cs-item .cat-excerpt {
    	padding: 100px 16px 16px;
	}
}

@media screen and (max-width: 640px){
	#case-study #cs-gallery {
		grid-template-columns: repeat(1, 1fr);
	}
}