/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://example.com/hello-elementor-child
 Description:  A child theme for the Hello Elementor theme.
 Author:       Your Name
 Author URI:   https://example.com
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Import the parent theme's style */

.wpcf7 input[type="submit"]{
	background: white;
	border: 2px solid #0d79e5;
	color: #0d79e5;
	padding: 10px 30px;
    font-size: 18px;
    font-weight: 500;
	border-radius: 8px;
}

.wpcf7 input[type="submit"]:hover {
	background: #0d79e5;
	border: 2px solid #0d79e5;
	color: white;
}
.footer-contact .wpcf7 input[type="submit"]:hover {
	border: 2px solid #fff;
}

.wpcf7 input::placeholder{
	color: #8db2db80;
	font-weight: 500;
}

.wpcf7 textarea::placeholder{
	color: #8db2db80;
	font-weight: 500;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"]{
	border: none;
	outline: none;
	border-bottom: 1px solid #8db2db80;
}

.wpcf7 textarea{
	border: none;
	outline: none;
	border-bottom: 1px solid #8db2db80;
	max-height: 100px;
}

.wpcf7 input[type="text"]:focus,
 .wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus{
	outline: none;
	border: none;
	border-bottom: 1px solid #0d79e5;
	caret-color: #0d79e5;
}

.wpcf7 .form-row p{ 
    display: flex;
	column-gap: 10px;
} 

.wpcf7 form.spam .wpcf7-response-output {
	color: #ffaeae;
	border-color: #ffaeae;
	font-style: italic;
}
.footer-contact .wpcf7 form.sent .wpcf7-response-output {
	border-color: #fff;
	color: #fff;
}
.wpcf7-not-valid-tip {
	color: #ffaeae;
	font-style: italic;
	margin-top: 6px;
}

@media screen and (max-width: 480px){
	.wpcf7 input[type="submit"]{
		padding: 10px 20px;
		font-size: 14px;
	}
}

/* pricing page card css */

.card-container{
	grid-column-gap: 16px;
    grid-row-gap: 0px;
    border-bottom: 1px solid #8db2db80;
    color: #6b9eca;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr auto 1fr;
    grid-auto-columns: 1fr;
    place-content: center;
    align-self: stretch;
    place-items: center;
    margin-bottom: 25px;
    display: grid;
    position: static;
}

.cost-block{
	text-align: left;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 15px;
    display: flex;
}

.vert-div{
	background-color: #8db2db80;
    width: 1px;
    height: 100%;
}

.text-block-7 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1em;
}

.text-block-8 {
    margin-left: 3px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1em;
}

.card-container.level-2 {
    color: #3670b2;
    position: static;
}

.card-container.level-3 {
    color: #0d79e5;
    position: static;
}

/* services page - medical marketing page CSS */

.list-link-icons a{
	display: inline !important;
}


/*marqee for about us */

.footer-menus ul {padding-left:0; list-style:none; display:flex; flex-direction:column; gap:10px;}
.footer-menus a {font-weight:600; color:#3d4e5c;}


/*mobile*/
@media screen and (max-width:480px){
.scrolling-logos .elementor-element{display: flex; min-width: 25%;}
}

/*tablet*/
@media screen and (max-width:480px){
.scrolling-logos .elementor-element{display: flex; min-width: 25%;}
}


/*============================== Header =====================================*/
.header-menu-btn {position:relative;}
.header-menu-btn .elementor-icon
{    cursor:pointer;background-color: rgb(13, 121, 229);
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;}
.header-menu-btn .elementor-icon:hover{background-color: rgb(134, 187, 255) !important;
    transform: translate3d(0px, 0px, 0px) scale3d(0.35, 0.35, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}
.header-menu-btn .elementor-icon-wrapper{float: left;height: auto; max-height: 44px;}
.header-menu-btn.active  .elementor-icon i{transform: rotate(90deg);}
.header-menu{position:absolute;
	top:0;
	transition: all; 
	transform: translateY(0px) translateX(0px);   
	z-index: 10;
    color: #0d79e585;
    background-color:#0d79e5db;
    border-radius: 10px;
    flex-direction: column;
    margin-top: 32px;
    margin-left: 39px;
    padding: 14px 24px;
    display: flex;
 position: absolute;
	display:none; 
    bottom: auto;
    left: auto;
    right: 0;
	width: 276px;
	max-width: 276px !important;
transition: all;
    transform: translateY(0px) translateX(0px);

}

.header-menu ul{text-decoration: none;padding: 0;margin: 0;	}
.header-menu ul li{text-decoration: none;padding: 0;margin: 0;list-style:none}
.header-menu ul li a{color: #fffbf4;text-align: right;background-color: #0000;border-bottom-style: none;padding: 10px 0;
    font-size: 18px;font-weight: 700;line-height: 140%;transition: all .3s cubic-bezier(.25,.46,.45,.94);display: block;text-decoration: none;	
}
.header-menu ul > li:hover > a{opacity: .5;padding-right: 8px;}
.header-menu ul ul li a {transition:none;}
.header-menu ul ul > li:hover > a{opacity:1;padding-right:0;}
.header-menu.active {top: 100%;overflow: visible;display: block !important; transition: all, transform 150ms cubic-bezier(0.785, 0.135, 0.15, 0.86);transform: translateY(0px) translateX(0px);
}
.header-menu ul.menu li.menu-item-has-children .sub-menu{display:none;transition: all ease 0.5s;}
.header-menu ul.menu li.menu-item-has-children .sub-menu.active{display:block;}
.header-menu ul.menu li.menu-item-has-children .sub-menu li a{color:#fff;font-weight: 300;font-size: 16px;}
.header-menu ul.menu li.menu-item-has-children .sub-menu li.heading > a {font-weight: 700;pointer-events: none;}
/*============================== Header END =====================================*/

.flex-hero {z-index: 20;grid-column-gap: 16px;grid-row-gap: 16px; box-shadow: 8px 0 150px 0 #2c2f331a;
    background-color: #fffbf4; flex-direction: column; flex: 0 auto;grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr;justify-content: flex-start; align-items: flex-end; width: 50%; min-height: 100vh; padding-top: 0; display: none;position: fixed;
    overflow: hidden !important;top:0;transition: all ease 0.5s;}

@media screen and (min-width: 1280px) {.flex-hero {display: block;position: fixed;top:0;overflow: hidden}}

.block-hero {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: flex-start;
    width: 42vw;
    margin: 46px 4vw 13vw;
    /*padding-top: 101px;*/
    display: flex;
    position: relative;
}
/*============================== HERO  END =====================================*/
.column{transition: transform 0.6s ease;}
.animate-down  {transform: translateY(15px);}
.animate-up {transform: translateY(-15px);}
.reset {transform: translateY(0);}

/*============================== Form-Box-Start =====================================*/
.form-box {overflow:hidden;}
.form-banner-image {transform:translate(10%) rotateX(34deg) rotateY(-9deg) rotate(26deg);}
.form-box .column{transition: transform 0.6s ease;}
.form-box .animate-down{transform: translateY(60px);}
.form-box .animate-up {transform: translateY(-60px);}
.form-box .reset{transform: translateY(0);}
/*============================== Form-Box-Start =====================================*/

/* Base state (no animation) */
.block-image-project {
  transition: transform 0.7s ease-in-out;
  transform: rotate(2deg);
  opacity: 0; /* Start hidden */
}

/* When the section is in view */
.collection-item.in-view .block-image-project {
  transform: rotate(0deg); /* Adjust rotation as needed */
  opacity: 1; /* Fade in */
}



   /* Rotate animation for the image container */

.block-image-project .elementor-widget-container {
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
	transition: all ease 0.5s !important;
}

.block-image-project:hover  .elementor-widget-container
{transform: translate3d(0px, 0px, 0px) scale3d(0.95, 0.95, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;}

.block-image-project .elementor-widget-container img {
    object-fit: cover;
    width: 100%;
    height: 100%;
	transition: all ease 0.5s;
}
.block-image-project:hover  .elementor-widget-container img
{
transform: translate3d(0px, 0px, 0px) scale3d(1.1, 1.1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}
.elementskit-section-title a{color:#0D79E5 !important}
.link-project-btn .elementskit-btn{transition: all ease 0.5s;}
.link-project-btn .elementskit-btn svg{transition: all ease 0.5s;transform: translate3d(0px, 0px, 0px) scale3d(0.5, 0.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;background-color: rgb(134, 187, 255);margin-right: 12px;padding:12px;border-radius:100%; height: 25px;width: 25px;margin-right:15px}
.link-project-btn .elementskit-btn:hover svg{transform: translate3d(1px, 1px, 1px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; background-color: rgb(13, 121, 229);color:#fff;fill:#fff;padding: 7px;margin-right:5px}

/*============================== Case Study  END =====================================*/

/* .tss-carousel .tss-grid-item .single-item-wrapper{display: flex;width: 100%;flex-wrap: wrap;}
.tss-carousel .tss-grid-item .author-name{order:-1;display:none}
.tss-carousel .tss-grid-item:nth-child(3n+1) .author-name{display:block} */

.tss-carousel .tss-grid-item .single-item-wrapper .item-company{display: block;color:#6B9EC9;font-size: 16px;}
.testiBtm .elementor-testimonial-wrapper{ display:flex !important; flex-direction:column-reverse; align-items: center; }
.testiBtm .elementor-testimonial-content{max-width:800px;}
.testiBtm .elementor-testimonial-name{ margin-bottom:5px;}
.testiBtm .elementor-testimonial-job{margin-bottom:30px;}
.testiMid .elementor-testimonial-image{min-height:300px; display:flex !important; align-items:center; justify-content:center;}
.testiMid .elementor-testimonial-image img{transition:.3s ease-in-out;}
.testiMid.slick-current .elementor-testimonial-image img{height:260px !important; width:auto !important;}

.testiTop .elementor-testimonial-wrapper .elementor-testimonial-content{margin-bottom:0;}

/*============================== Testimonials Carousel  END =====================================*/
.faq_box .elementskit-accordion .elementskit-card-header a .ekit_accordion_icon_group{transition: all ease 0.5s;}
.faq_box .elementskit-accordion .elementskit-card-header a:hover .ekit_accordion_icon_group{background-color: rgb(134, 187, 255) !important;
    transform: translate3d(0px, 0px, 0px) scale3d(0.27, 0.27, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); 
    transform-style: preserve-3d;}
.faq_box .elementskit-accordion .elementskit-card-header a .ekit_accordion_icon_group{transition: all ease 0.5s;}
.faq_box .elementskit-accordion .elementskit-card-header a:not(.collapsed) .ekit_accordion_icon_group{rotate: 45deg;display:inline-flex !important}

/*============================== faq_box END =====================================*/

 body .ekit-wid-con  .ekit-image-accordion .elementskit-single-image-accordion {position: relative;overflow: hidden;width: 60px;margin: 0 10px;background: #0C79E5;background-size: cover;background-position: center;cursor: pointer;    /* transition: 0.5 scubic-bezier(0.05, 0.61, 0.41, 0.95); *//* transition: max-width 0.9s ease-out; */}

body .ekit-wid-con  .ekit-image-accordion .elementskit-single-image-accordion:not(.item-opened) {
    flex-grow: 1;
    border-radius: 30px;
}

body .ekit-wid-con .ekit-image-accordion input[type="radio"]:not(:checked) + .elementskit-single-image-accordion
 {
	background: #0C79E5 !important;
	max-width: 60px;
}

body .ekit-wid-con .ekit-image-accordion input[type="radio"]:checked + .elementskit-single-image-accordion{max-width: 100%;}

body .ekit-wid-con  .ekit-image-accordion .elementskit-single-image-accordion.item-opened {
    flex-grow: 10000;
    transform: scale(1);
    margin: 0px;
    border-radius: 40px;
    background: var(--optionBackground, var(--defaultBackground, #E6E9ED));
    background-size: cover;
	max-width: 100% !important;

}

body .ekit-wid-con  .ekit-image-accordions .elementskit-single-image-accordion .elementskit-accordion-content .elementskit-accordion-title-wraper .elementskit-accordion-title {font-size: 18px;font-weight: 700;line-height: 29px;letter-spacing: 0.02em;text-align: left;color: #0C79E5;}


body .ekit-wid-con  .ekit-image-accordions	.elementskit-btn-wraper .elementskit-btn
{display: flex;flex-direction: row;justify-content: center;align-items: center;min-width: 40px;
    max-width: 40px;height: 40px;border-radius: 100%;background-color: white;color: #0C79E5;font-size: 26px;
    font-weight: 700;line-height: 39.69px;letter-spacing: 0.01em;text-align: left; position: static;margin: 0;width: auto;}
body .ekit-wid-con .ekit-image-accordion input[type="radio"]:not(:checked) + .elementskit-single-image-accordion  
.elementskit-accordion-content{ height: 100%;}	
body .ekit-wid-con .ekit-image-accordion input[type="radio"]:not(:checked) + .elementskit-single-image-accordion  
.elementskit-accordion-content .elementskit-accordion-title-wraper{text-align: left;overflow: visible;
    height: 100%;width: 100%;position: relative;}

	
body .ekit-wid-con .ekit-image-accordion input[type="radio"]:not(:checked) + .elementskit-single-image-accordion 
.elementskit-accordion-title-wraper{opacity: 1;visibility: visible;top: auto;height: 100%;}

body .ekit-wid-con .ekit-image-accordion input[type="radio"]:not(:checked) + .elementskit-single-image-accordion 
.elementskit-accordion-title-wraper .elementskit-accordion-title 	
{display: block;position: absolute;opacity: 1;top: 50%;color: #ffff;width: 400px;transform: rotate(90deg);
    left: -169px;text-align: center;}	
	
body .ekit-wid-con .ekit-image-accordion input[type="radio"]:not(:checked) + .elementskit-single-image-accordion  
.elementskit-accordion-content .elementskit-btn-wraper{top: auto;opacity: 1;visibility: visible;position: absolute;
    bottom: 9px;left:10px;}
body .ekit-wid-con .ekit-image-accordion .elementskit-single-image-accordion .elementskit-accordion-content
.elementskit-btn-wraper .elementskit-btn{min-width: 40px;max-width: 40px;height: 40px;line-height: 39.69px;
    letter-spacing: 0.01em;margin: 0;width: auto;display: block;}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion::before{background:none !important}
body .ekit-wid-con .ekit-image-accordion input[type="radio"]:checked + .elementskit-single-image-accordion  
.elementskit-accordion-content{bottom: 6px;left: 1%;right: 20px;background: #0c79e5;padding: 10px 10px 10px 20px;
    border-radius: 30px;position: absolute;max-width: 98%;}
body .ekit-wid-con .ekit-image-accordion .elementskit-single-image-accordion .elementskit-accordion-content .elementskit-accordion-title-wraper{float:left;margin-top: 10px;}
body .ekit-wid-con .ekit-image-accordion .elementskit-single-image-accordion .elementskit-accordion-content .elementskit-btn-wraper{float:right}

	
/*===== Imge accordion slider  END  =========*/

.postList .elementskit-btn{ width:100%; justify-content:center; margin-top:20px;}
.postList .elementskit-post-image-card{height:100%; display: flex !important; flex-direction: column;}
.postList .elementskit-post-body{ display: flex; flex-direction: column; height:100%;}
.postList .elementskit-post-body .btn-wraper{margin-top:auto;}
.postList .post-items{ gap:25px; display:grid !important; grid-template-columns:1fr 1fr 1fr 1fr; margin-left:0 !important; margin-right:0 !important; }
.postList .post-items:before,.postList .post-items:after{display:none !important;}
.postList .post-items .col-lg-3.col-md-6{ width:100%; max-width:100%; padding:0;}
.postList .post-items .elementskit-entry-header img{ height:220px; object-fit:cover; vertical-align: top;}
/*============================== Responsive Starts =====================================*/
@media(max-width:992px)
{
	.postList .post-items{ grid-template-columns:1fr 1fr; }
}
@media(max-width:767px)
{
.footer-menus{text-align:center}	
.flex-hero {display: block;position: static;width: 100% !important;height: auto !important;min-height: 100%;box-shadow:none !important}
.block-hero{width: 100% !important;margin: 0;}
.home .ekit-template-content-header {background:#FFFBF4}
.logo-carousel img{max-height: 30px;}
.elementor-widget-elementskit-icon-box .elementskit-infobox.text-left{text-align: center !important;}
body .ekit-wid-con .ekit-image-accordion .elementskit-single-image-accordion{width: 100%;margin:0 0 5px 0 !important}
body .ekit-wid-con .ekit-image-accordion input[type="radio"]:not(:checked) + .elementskit-single-image-accordion{max-width: 100%;}
body .ekit-wid-con .ekit-image-accordion input[type="radio"]:not(:checked) + .elementskit-single-image-accordion .elementskit-accordion-title-wraper .elementskit-accordion-title{transform: rotate(0);left: 0;top: 20%;font-size: 16px;padding: 0 0;}
body .ekit-wid-con .ekit-image-accordion input[type="radio"]:not(:checked) + .elementskit-single-image-accordion .elementskit-accordion-content .elementskit-btn-wraper{left: auto;right: 10px;bottom: 12px;}
.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion .elementskit-accordion-title{font-size: 16px !important;}
	
	.testiMid .elementor-testimonial-image{min-height:80px;}
.testiMid.slick-current .elementor-testimonial-image img{height:60px !important; width:auto !important;}
	.postList .post-items{ grid-template-columns:1fr; }
}

/* Added by Sajid */
label.light {
	display: grid;
	gap: 8px;
	color: #fff;
}
.single-post .page-content {
	display: grid;
	gap: 1rem;
}

.single-post h4 strong, h3 {
	color: var( --e-global-color-92533a2 )!important;
	font-size: 100%!important;
}
.single-post .page-content {
	font-size: 18px;
}
.single-post h1.entry-title {
	font-size: 60px!important;
}
.single-post .page-content h2 {
	font-size: 48px!important;
}
.single-post .page-content h3 {
	font-size: 42px!important;
}
.single-post .page-content h4 {
	font-size: 36px!important;
}

.top-wrapper {
	display: grid;
    gap: 56px;
}
.top-wrapper img {
    margin-bottom: 60px;
}

/* footer */
.copyrights .elementor-icon-list-text a {
	width: auto!important;
    display: inline!important;
}
.copyrights ul {
	list-style-type: none;
	display: flex;
	padding: 0;
}

@media (min-width: 1024px) {
	.top-wrapper {
		display: flex;
	}
}
@media (min-width: 1200px) {
	.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
		max-width: 1320px!important;
	}
}