/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
:root{
	--menu-hover:#615f9b;
	--menu-active:#fd9792;
}
.site-header .site-navigation ul.menu li a:hover{
color: var(--menu-hover);
}
.site-navigation ul.menu li.current_page_item a{
	color: var(--menu-active);
}
/* .site-logo img{
	    width: 67%;
} */
.site-navigation ul.menu li a{
	    padding: 0 10px;
}
.site-header{
	 padding-top: 0px !important;
}
.main-banner{
	padding: 0px !important;
}
.main-banner:after{
	content: "";
	position: absolute;
	background: url(../../uploads/2023/07/banner-bottom.svg);
    bottom: 0px;
    right: 0;
    min-width: 1920px;
    height: 150px;
    background-position: left;
    background-size: cover;
}
.main-banner-text{
	position: absolute;
	    top: 11%;

    z-index: 99;

}
.main-banner-content{
	background-color: #fce7da66;
	    padding: 80px 0px;
}
/*.main-banner-content h2{
	font-size: 72px;
	    font-weight: 600;
}*/
.home-about-img{
	padding: 0px !important;
}
.home-about-content{
	justify-content: center;
}
/*.home-about-content{
padding: 10px 50px;
}*/
.elementor-icon.elementor-social-icon{
	    width: 39px !important; 
    height: 39px !important;
}
.contact-info p{
	margin-bottom: 0px;
}
.contact-info .e-con-inner{
padding-bottom:0px;
}
.contact-info a{
	color: #2C2F83;
}
.elementor-location-footer ul{
    padding-left: 0px;
}
.elementor-location-footer ul li{
	list-style-type: none;
}
.elementor-location-footer p{
	margin-bottom: 0px;
}
.elementor-location-footer p a{
	color: #2C2F83;
}
.elementor-location-footer ul a{
    padding: 2px 10px !important;
}
.justify-content-center{
	justify-content: center;
}
.elementor-widget-heading h2.elementor-heading-title{
	color: #2c2f83;
}
.heart-disease-banner{
	position: relative;
}
.heart-disease-banner-text{
left: -250px;
    background-color: #FCE7DA;
    padding: 35px 20px;
    top: 110px;	
}
/*.divider-row{
	content: "";
	background: url(../../uploads/2023/07/type-of-chd.png);
    top: 0px;
    right: 0;
    min-width: 1366px;
    height: 150px;
background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}*/
.round-color{
	background-color: #FCE7DA;
	    border-radius: 50%;

    width: inherit !important;
}
.round-content{
	    opacity: 0;
    visibility: hidden;
        position: absolute;
/*    padding: 5px 15px;*/
    left: 0;
    right: 0;
}
.round-color .e-con-inner, .round5{
	justify-content: center !important;
}
.round-heading, .round-content{
	    margin: 0 auto !important;
}
.round-color:hover{
	background-color: #958FB3;
}
.round-color:hover .round-heading{
    opacity: 0;
    visibility: hidden;
    transform: translateX(1px)translateY(0px)scaleX(1)scaleY(1)rotate(0deg)skewX(0deg)skewY(0deg);
}
.round-color:hover .round-content{
	opacity: 1;
    visibility: visible;
    transform: translateX(0)translateY(0)scaleX(1)scaleY(1)rotate(0deg)skewX(0deg)skewY(0deg);
}
.round1{
     width: 320px !important;
    min-height: 213px;
}
.round1 .round-heading{
	    width: 177px;
}
.round1 .round-content{
    width: 253px;
}
.round2{
     width: 304px !important;
     height: 270px;
     position: absolute;
    top: 48px;
        z-index: 9;
}
.round2 .round-heading{
	       width: 177px;
}
.round2 .round-content{
  width: 245px;
}

.round3{
    width: 304px !important;
    height: 210px;
/*    position: absolute;*/
    z-index: 99;
    right: -20px;
    top: -20px;
}
.round3 .round-heading{
	       width: 218px;
}
.round3 .round-content{
  width: 253px;
}
.round5{
  width: 477px !important;
    height: 290px;
/*    position: absolute;*/
    z-index: 99;
     top: -30px;
    right: 0px;
}
.round5 .round-heading{
	       width: 265px;
}
.round5 .round-content{
  width: 410px;
  padding:0px 15px;
}
.round4{
     width: 326px !important;
     height: 263px;
         position: absolute;
    top: 100px;
       z-index: 9;
}
.round4 .round-heading{
    width: 253px;
}
.round4 .round-content{
width: 265px;
}
.pulmonary-banner:after{
		content: "";
	position: absolute;
	background: url(../../uploads/2023/07/plumonary.svg);
    bottom: -2px;
    right: 0;
    min-width: 5000px;
    height: 43px;
    background-position: center;
background-size: contain;
    background-repeat-x: repeat;
}
/*.type-top-img:after{
    content: "";
      right: 0;
  background: url(../../uploads/2023/07/type-of-chd.jpg); 
    background-position: left;
    background-size: contain;
    background-repeat: repeat;
    height: 74px;
}*/
.symptoms:hover img{
       
        transform: translateX(0)translateY(0)scaleX(0.9)scaleY(0.9)rotate(0deg)skewX(0deg)skewY(0deg);
}
.symptoms, .symptoms img{
    transition: all 0.4s ease-in-out 0s, visibility 0s; 
}
.options-round{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: #FCE7DA;
    margin: 0 auto;
    line-height: 80px;
        position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    top: -20px;
}
.arrow-left img{
    transform: rotate(270deg);
}
.arrow img{
        width: 44px;
    height: 77px;
}
.arrow-right img{
    transform: rotate(90deg);
}
.center-img{
        border: 3px solid #4144AC;
    border-radius: 100%;
}
.center-img img{
        padding: 25px;
}
.arrow-down{
        transform: rotate(180deg);
}
.img-border{
    border: 3px solid #4144AC;
        border-radius: 15px;
    padding: 30px 20px;
}
.img-border img{
/*        transform: rotate(30.943345528580096deg);*/
}

.site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before{
    content: "\f00d" !important; 
}
.heading-line:after{
    content: "";
    position: absolute;
    height: 1px;
    width: 150px;
    background-color: #FEEEE3;
    left: 0;
    bottom: 0;
}
.link-a a{
    color: #2C2F83 !important;
}
.error-page{
    text-align: center;
    padding: 50px 0px;
}
.error-number{
        color: #2C2F83;
    font-weight: 700;
}
.content-page p{ 
	    color: #2C2F83;
    font-family: "Helvetica", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
	margin-bottom:0px;
}
/* Responsive */
@media only screen and (max-width: 992px) {

.site-header.header-stacked .header-inner{
    flex-direction: row;
}
.site-header.header-stacked .site-navigation-toggle-holder {
    justify-content: end;
}
}
@media only screen and (max-width: 850px) {
.round2, .round4, .round3, .round5{
position: inherit;
top: inherit;
right: inherit;
}
.heart-disease-banner-text{
        padding: 15px 20px;
    }
}
@media only screen and (max-width: 800px) {
.heart-disease-banner-text{
    left: inherit;
    top:inherit;
    padding: 0px;
    }
    .link-a{
word-break: break-all;
    }
}
@media only screen and (max-width: 767px) {
.round5 .round-content{
    padding: 0px 30px;
}
.round5{
  height: 325px;  
}
}
@media only screen and (max-width: 766px) {
.arrow-left img {
    transform: rotate(360deg);
}
.arrow-right img{
    transform: rotate(180deg); 
    }
    .center-img{
        width: 50%;
    height: 230px;
    margin: 0 auto;
}

}
@media only screen and (max-width: 650px) {
.round5{
    width: 100% !important;
}
.round5 br{
    display: none;
}
.round5{
  height: 430px;  
}
.center-img{
        width: 65%;
        }
}