/* 
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.1
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 */

body{overflow-x:hidden;}
a {text-decoration: none;}
a.read-toggle.inline-read {color: #000;font-weight: 500;}
a.read-toggle.inline-read:hover{color: #910000;}

/*Start Custom Btn*/
.custom-border-btn {font-family: DM Sans; font-weight: 600; font-size: 12px; line-height: 100%; letter-spacing: normal; border: 1px solid #910000; padding: 12px 12px; display: block; margin: 12px auto 0; border-radius: 6px; color: #000; }
.custom-border-btn:hover{background: #910000; border: 1px solid #910000; color: #fff; }
.elementor-widget-button .elementor-button .elementor-button-icon svg {width: 6px;height: 11px;}
/*End Custom Btn*/

/*Start header*/
header#masthead .main-header {position: absolute;left: 0;right: 0;top: 0;}
header#masthead .main-header .hfe-button-wrapper .elementor-button{text-align:center;justify-content: center;}
header#masthead .main-header .hfe-button-wrapper .elementor-button:hover, 
header#masthead .main-header .hfe-button-wrapper .elementor-button:focus, 
header#masthead .main-header .hfe-button-wrapper.current-menu-item .elementor-button {background: #fff !important;color: #910000;}
header#masthead .main-header{transition: ease 0.4s;}
header#masthead .main-header.fixed{position: fixed; background: #424141; padding-top: 10px; padding-bottom: 10px;}
header#masthead .main-header .hfe-site-logo img.hfe-site-logo-img{transition: ease 0.4s;}
header#masthead .main-header.fixed .hfe-site-logo img.hfe-site-logo-img {width: 240px !important;}
/*End header*/

/*Start Hero Sec*/
.banner .elementor-background-overlay{background: linear-gradient(278.88deg, rgba(95, 105, 128, 0.64) -34.66%, rgba(24, 24, 24, 0.64) 53.76%);}
.multicol-row .multicol-item .elementor-widget-icon-box {height: 100%;}
/*End Hero Sec*/

/*Start banner section*/
.subtitle .elementor-heading-title { font-family: DM Sans !important; font-weight: 600; font-size: 12px; line-height: 100%; letter-spacing: normal; background: #00000066; border: 1px solid #FFFFFF4D; width: fit-content; padding: 12px 10px; border-radius: 30px; color: #fff; }
.home_gallery .gallery-size-full { display: flex !important; flex-wrap: wrap; column-gap: 9px; row-gap: 20px; justify-content: center; align-items: center; }
.home_gallery  .elementor-image-gallery .gallery-icon img {object-fit: contain; }
.home_gallery .elementor-image-gallery .gallery-columns-3 .gallery-item{width: calc(33.333% - 30px)!important;padding: 0px !important;}
.meet_card  > .elementor-container { flex-wrap: wrap; gap: 21px;justify-content: center; } 
.meet_card  > .elementor-container > .elementor-column { width: calc(33.333% - 14px); overflow: hidden; }
.meet_card  > .elementor-container > .elementor-column  > .elementor-element-populated{ overflow: hidden; }
.patients_answer  .testimonial-item { background: rgba(255, 255, 255, 1); border-radius: 15px; border: 1px solid rgba(185, 219, 255, 1); padding: 10px; }
.patients_answer .testimonial-content p { width: 80%; margin-inline: auto; text-align: center; font-size: 22px; font-weight: 400; font-family: 'DM Sans'; }
.patients_answer .testimonial-author { font-size: 20px; text-align: center; font-weight: 700; font-family: 'DM Sans'; }
.patients_answer .testimonial-stars { display: flex; justify-content: center; align-items: center; gap: 3px; padding-top: 5px; }
.patients_answer .testimonial-stars img { width: 12px !important; height: 12px; }
.patients_answer .testimonial-quote img { width: auto !important; }
.patients_answer .testimonial-quote { display: flex; justify-content: end; }
.patients_answer .testimonial-content { min-height: 170px; }
/*End banner section*/

/*Start Our Team Page*/
.endoscopists_card > .elementor-container { flex-wrap: wrap; gap: 45px; } 
.endoscopists_card > .elementor-container > .elementor-column { width: calc(33.333% - 30px); overflow: hidden; }
.endoscopists_card > .elementor-container > .elementor-column  > .elementor-element-populated{ overflow: hidden; flex-direction: column;}
.endoscopists_card > .elementor-container > .elementor-column > .elementor-element-populated .elementor-widget-icon-box {margin-top: auto;}
.endoscopists_card > .elementor-container > .elementor-column > .elementor-element-populated .elementor-image-box-wrapper .elementor-image-box-img img {width: 100%;height: 300px;object-fit: cover;}
.endoscopists_card .elementor-widget-image-box .elementor-image-box-content { width: 100%; padding-inline: 20px; }
.anaesthetics_card > .elementor-container > .elementor-column { width: calc(25% - 27px); }
.anaesthetics_card > .elementor-container { flex-wrap: wrap; gap: 35px; } 
.anaesthetics_card .elementor-widget-image-box .elementor-image-box-content { width: 100%; padding-inline: 20px; }
.anaesthetics_card > .elementor-container > .elementor-column  > .elementor-element-populated{ overflow: hidden; }
.team_gallery .gallery-size-full { display: flex !important; flex-wrap: wrap; column-gap: 37px; row-gap: 9px; justify-content: center; align-items: center; }
.endoscopists_card > .elementor-container > .elementor-column > .elementor-element-populated .elementor-widget-icon-box .elementor-icon-box-title {margin: 0;line-height: 1;display: none;}
.endoscopists_card .elementor-widget-image-box .elementor-image-box-content .doctor-bio p {color: #7a7a7a;font-family: "DM Sans", Sans-serif; font-size: 14px; font-weight: 400; }
.endoscopists_card .elementor-widget-image-box .elementor-image-box-content .doctor-bio button.read-more-btn { background: #910000; color: #fff; border-radius: 32px; padding: 10px 20px; line-height: 1.1; font-size: 14px; border: 1px solid#910000; }
.endoscopists_card .elementor-widget-image-box .elementor-image-box-content .doctor-bio button.read-more-btn:hover, .endoscopists_card .elementor-widget-image-box .elementor-image-box-content .doctor-bio button.read-more-btn:focus {background: #700000; color: #fff; border: 1px solid #700000; outline: none; }
.team_gallery .elementor-image-gallery .gallery-icon img {object-fit: contain;}
.team_gallery figure.gallery-item {width: 16% !important;padding: 0px !important;}
/*End Our Team Page*/

/*start appointment_form*/
.appointment_form { padding: 30px; border-radius: 15px; border: 1px solid rgba(217, 217, 217, 1); }
.appointment_form h2.gform_title {font-size: 48px; font-weight: 500;font-family: 'DM Sans';line-height:1; margin-bottom: 12px;margin-top: 0 !important; color:#222222;}
.appointment_form .gform_heading .gform_required_legend {display: none;}
.appointment_form  span.gform_description { font-size: 16px; font-weight: 400; font-family: 'DM Sans'; color: #222}
.appointment_form .gform_body.gform-body { padding-top: 30px; }
.appointment_form span.gfield_required.gfield_required_text { display: none; }
.appointment_form  input, .appointment_form  textarea { border: 1px solid rgba(217, 217, 217, 1); border-radius: 12px; padding: 18px 24px !important; font-size: 16px !important; font-weight: 400; line-height: 1; }
.appointment_form  input:focus, .appointment_form  textarea:focus{outline: none;border-color: #910000;} 
.appointment_form  textarea{height:160px !important;resize: none;}
.appointment_form .gfield_description { color: rgba(95, 105, 128, 1); font-size: 14px !important; font-weight: 500; }
.appointment_form .gform_footer {padding-bottom: 0 !important;}
.appointment_form .gform_footer input[type="submit"] { background-color: rgba(145, 0, 0, 1); width: 100%; color: white; border-radius: 32px; padding: 15px 20px; line-height: 1; font-size: 16px; font-weight: 700; margin-bottom: 0 !important; }
.appointment_form .gform_footer input[type="submit"]:hover,
.appointment_form .gform_footer input[type="submit"]:focus{background:#700000; color: #fff;}
.appointment_form .gform_wrapper.gravity-theme .gfield_label { color: rgba(0, 0, 0, 1) !important; font-size: 18px; font-weight: 600;margin-top: 4px;}
.appointment_form .gform_validation_errors { display: none; }
.appointment_form .gfield_validation_message { color: #910000; padding: 0px; margin: 0px; border: unset; font-size: 12px !important; }
.appointment_form .gform_wrapper .gform_fields .gfield.gfield_error .validation_message {background: transparent;border: none;padding: 0;margin: 6px 0 0;font-size: 14px !important;}

.appointment_form .gform_footer input[type="submit"], 
.appointment_form .gform_footer input[type="submit"]:hover, 
.appointment_form .gform_footer input[type="submit"]:focus {background-image: url(https://nagree.net/wp-content/uploads/2025/11/right-arrow.svg);background-repeat:no-repeat;background-position:center right 30%;}
.appointment_form .gform_footer #gform_submit_button_3 {background-position: center right 35%;}
/*End appointment_form*/

/*Start Service Sec*/
.services-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(275px, 1fr)); gap: 24px; margin-top: 0px; }
.services-grid .service-card {display: block; background: #fff; border-radius: 18px; text-align: left; overflow: hidden; border: 1px solid #D0E7FF; transition: 0.3s ease; padding: 20px 17px 15px; position: relative; box-shadow: 0px 12px 24px 0px #00000008 !important;cursor: default;}
.services-grid .service-card:hover {transform: translateY(-5px); border-color: #910000; }
.services-grid .service-image {width: 100%;height: 100%; position: relative; }
.services-grid .service-arrow {position: absolute;z-index: 2; top: 12px; right: 12px; width: 64px; height: 64px; background: #F4F8FF; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background 0.3s ease; }
.services-grid .service-card:hover .service-arrow {background: #910000; }
.services-grid .service-arrow img {width: 24px; transition: filter 0.3s ease; }
.services-grid .service-card:hover .service-arrow img {filter: brightness(0) invert(1); }
.services-grid .service-card.active {border-color: #CF2122; }
.services-grid .service-card.active .service-arrow {background: #CF2122; }
.services-grid .service-title {font-size: 24px; font-weight: 600; color: #000;padding: 12px 5px 14px; position: absolute; z-index: 1; bottom: 0px; }
/*.services-grid .service-card:after {content: ""; background-image: url(https://nagree.net/wp-content/uploads/2025/11/arrow-shapes.webp); width: 134px; height: 128px; display: block; position: absolute; top: 0; right: 0; z-index: 1; } */
.services-grid .service-card .service-title:before {content: ""; background-image: url(https://nagree.net/wp-content/uploads/2025/11/text-shapes.webp); width: 232px; height: 104px; display: block; position: absolute; bottom: -8px; left: -15px; z-index: -1; background-size: cover; }
/*End Service Sec*/

/*Start Site Footer*/
.mb-0 {margin-bottom: 0 !important;}
.main-footer .footermap .elementor-widget-wrap {display: flex; flex-wrap: nowrap; align-items: center; }
.main-footer .footer-title {width: fit-content !important; }
.main-footer .footermap .elementor-widget-wrap .elementor-widget-google_maps {width: 308px; }
.main-footer ul.elementor-icon-list-items li.elementor-icon-list-item {width: fit-content;}
/*End Site Footer*/

/*Start Making An Appointment Page*/
.notification-msg .elementor-icon-box-wrapper {border: 1px solid #910000; padding: 12px 20px; border-radius: 8px; }
.notification-msg .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title {margin: 0; }

@media (min-width:767px){
    .row-reverse .elementor-container {
        flex-direction: row-reverse;
    }
}
/*End Making An Appointment Page*/


/*Start Custom Form*/
.custom-form .gform_wrapper { background: #EDEFF4; border-radius: 20px; padding: 53px 64px; }
.custom-form .gform_wrapper .gform_heading {display: none;}
.custom-form .gform_wrapper .gfield_html h2 { font-weight: 500; font-size: 44px; line-height: 1; letter-spacing: -2px; color: #000; font-family: 'DM Sans'; margin-bottom: 24px; }
.custom-form .gform_wrapper #field_2_7.gfield_html h2 {margin-top: 30px;}
.custom-form .gform_wrapper .gfield_html p { font-weight: 500; font-size: 20px; line-height: 1.4; letter-spacing: normal; font-family: 'DM Sans'; color: #000;}
.custom-form .gform_wrapper .gform_fields {grid-row-gap: 20px;}
.custom-form .gform_wrapper .gform_fields .gfield .gfield_label { font-family: 'DM Sans'; font-size: 18px; line-height: 1; color: #000; margin-bottom: 8px; font-weight: 600; }
.custom-form .gform_wrapper .gform_fields .gfield input { border: 1px solid #D9D9D9; padding: 18px 24px; line-height: 1; border-radius: 12px; font-size: 16px; font-weight: 400; width: 100%; }
.custom-form .gform_wrapper .gform_fields .gfield input:focus {outline: none;border-color: #910000;}

.custom-form .gform_wrapper .gform_fields .gfield legend.gfield_label {font-size: 24px; margin: 0 0 20px;}
/*.custom-form .gform_wrapper .gform_fields fieldset#field_2_6.gfield {margin-top: 44px;} */
.custom-form .gform_wrapper .gform_fields .gfield .gfield_radio .gchoice {margin-bottom: 12px;display: flex; align-items: center;}
.custom-form .gform_wrapper .gform_fields .gfield .gfield_radio .gchoice label { font-size: 18px; font-family: 'DM Sans'; font-weight: 600; color: #000; line-height: 1; }
.custom-form .gform_wrapper .gform_fields .gfield .gfield_radio .gchoice input[type=radio], 
.custom-form .gform_wrapper .gform_fields .gfield .gfield_radio .gchoice input[type=checkbox] { width: 25px; height: 25px; padding: 0 !important; margin-right: 8px; border-radius: 4px; border: 1px solid #000000; }

.custom-form .gform_wrapper .gform_fields .gfield .gfield_radio .gchoice .gfield-choice-input { appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 2px solid #0073e6; border-radius: 50%;display: inline-block; position: relative; cursor: pointer; margin-right: 8px; vertical-align: middle; }
.custom-form .gform_wrapper .gform_fields .gfield .gfield_radio .gchoice .gfield-choice-input:checked {border-color: #910000;}
.custom-form .gform_wrapper .gform_fields .gfield .gfield_radio .gchoice .gfield-choice-input:checked::after { content: ""; position: absolute; width: 18px; height: 18px; background:#910000; border-radius: 4px; top: 50%; left: 50%; transform: translate(-51%, -48%);}
.custom-form .gform_wrapper .gform_fields .gfield .gfield_radio .gchoice  label {cursor: pointer; vertical-align: middle; }

.custom-form .gform_wrapper .gform_footer .gform_button { border: 2px solid #910000; background: #910000; color: #fff; font-family: 'DM Sans'; font-weight: 700; font-size: 16px; line-height: 1 !important; letter-spacing: normal; padding: 18px 46px 18px 36px; border-radius: 30px; margin: 0 !important; }
.custom-form .gform_wrapper .gform_footer .gform_button:hover,
.custom-form .gform_wrapper .gform_footer .gform_button:focus{border: 2px solid #700000;background:#700000; color: #fff;}
.custom-form .gform_wrapper .gform_footer .gform_button, 
.custom-form .gform_wrapper .gform_footer .gform_button:hover, 
.custom-form .gform_wrapper .gform_footer .gform_button:focus {background-image: url(https://nagree.net/wp-content/uploads/2025/11/right-arrow.svg);background-repeat:no-repeat;background-position:center right 22%;}
.custom-form .gform_wrapper .gform_validation_errors {display: none;}
.custom-form .gform_wrapper .gform_fields .gfield.gfield_error .validation_message {background: transparent;border: none;padding: 0;margin: 10px 0 0;font-size: 14px;}
/*End Custom Form*/


/*Start Faq Page*/
.faq-cst-section .elementor-accordion .elementor-accordion-item { border: 1px solid#D9D9D9 !important; margin-bottom: 24px; padding: 20px 30px;border-radius: 12px;}
.faq-cst-section .elementor-accordion .elementor-accordion-item .elementor-tab-title {padding: 0;}
.faq-cst-section .elementor-accordion .elementor-accordion-item .elementor-tab-content {padding: 15px 40px 0 0;}
.faq-cst-section .elementor-accordion .elementor-accordion-item .elementor-tab-content p {margin-bottom: 0;}
/*End Faq Page*/

/*Start Know_About_Fees_page table*/
.tablesorter { border: 1px solid #D8E6FF; border-radius: 12px; overflow: hidden; }
.gastroenterologist_table table thead tr th { font-size: 20px; font-weight: 700; font-family: 'DM Sans'; padding: 20px 38px; border-bottom: 1px solid #D8E6FF; border-top: unset !important; white-space: nowrap;border-bottom: unset !important; }
.gastroenterologist_table tbody tr td { font-size: 20px; font-weight: 400; font-family: 'DM Sans'; color: #000000;    padding: 20px 38px 20px 38px;} 
.gastroenterologist_table tbody tr td:not(:last-child) { border-right: 1px solid #D8E6FF; }
.gastroenterologist_table table thead tr th:not(:last-child) { border-right: 1px solid #D8E6FF !important;  }
.gastroenterologist_table .eael-data-table tbody > tr td:hover{color: unset !important;}
.button-align .elementor-column .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title {min-height: 60px;}
/*End Know_About_Fees_page table*/

/*Start 404 Page*/
.error404 header#masthead .main-header.fixed{position: fixed !important;}
.error404 header#masthead .main-header { position: static;background: #424141; }
.error404 main#content {padding: 120px 16px;}
.error404 main#content .page-header {text-align: center;}
.error404 main#content .page-header .entry-title { font-family: "DM Sans", Sans-serif; font-size: 48px; font-weight: 500; line-height: 1.1; color: #212529; letter-spacing: -2px;}
.error404 main#content .page-content {text-align: center;}
.error404 main#content h1.\34 04-heading { font-size: 140px; color: #910000; font-weight: 700; line-height: 1; margin-bottom: 0; }
.error404 main#content .page-content p { font-family: "DM Sans", Sans-serif; font-size: 16px; font-weight: 400; color: #5F6980; margin-bottom: 0; }
.error404 main#content .page-content .button { padding: 16px 32px 16px 32px; background-color: #910000; color: #ffffff; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #910000; border-radius: 32px 32px 32px 32px; text-decoration: none; font-size: 16px; font-weight: 500; line-height: 1;display: block;width: fit-content;margin: auto; }
.error404 main#content .page-content .button:hover, .error404 main#content .page-content .button:focus {border: 1px solid #700000;background: #700000;color: #fff;}
/*End 404 Page*/

/*Start Single Post Page*/
.single header#masthead .main-header.fixed{position: fixed !important;}
.single header#masthead .main-header { position: static;background: #424141; }
/*End Single Post Page*/


/*Start Responsive Design */
@media screen and (min-width: 768px) and (max-width: 1024px){
    .sticky-image {position: sticky;top: 90px;height: 100%;} 
	.main-header .hfe-flyout-container .hfe-flyout-left {height: 100vh;margin-top: 0;}
	.main-header .hfe-flyout-container .hfe-flyout-left {left: 0 !important; right: auto !important; transform: 		translate(-100%) !important; transition: ease 0.5s; display: block !important; }
	.main-header .hfe-flyout-container .hfe-flyout-left.hfe-flyout-show {transform: translate(0) !important; }
	
	.services-grid {grid-template-columns: repeat(auto-fit, minmax(226px, 1fr));gap: 20px;}
	.appointment_form h2.gform_title {font-size: 36px;}
	
	/*Custom Form*/
	.custom-form .gform_wrapper {padding: 40px 30px;}
	.custom-form .gform_wrapper .gfield_html h2 {font-size: 36px;}	
	.custom-form .gform_wrapper .gfield_html p {font-size: 18px;}
	.custom-form .gform_wrapper .gform_fields .gfield input {padding: 12px 20px !important;}
	.eael-data-table-wrap {overflow-x: scroll !important;}	
	
	/*Our Team Page*/
	.endoscopists_card > .elementor-container {gap: 25px;}
	.endoscopists_card > .elementor-container > .elementor-column {width: calc(33.333% - 18px);}
	
	/*Footer*/
	.main-footer .footermap .elementor-widget-wrap {display: block;}
	
	/*404 Page*/
	.error404 main#content h1.\34 04-heading {font-size: 120px;}
	.error404 main#content .page-header .entry-title {font-size: 36x;}
}

@media (max-width:767px){
	a.read-toggle.inline-read {display: block;}
	header#masthead .main-header.fixed{padding-top: 15px;}
	.main-header .hfe-flyout-container .hfe-flyout-left {height: 100vh;margin-top: 0;}
	.main-header .hfe-flyout-container .hfe-flyout-left {left: 0 !important; right: auto !important; transform: 		translate(-100%) !important; transition: ease 0.5s; display: block !important; }
	.main-header .hfe-flyout-container .hfe-flyout-left.hfe-flyout-show {transform: translate(0) !important; }
	.meet_card  > .elementor-container > .elementor-column {width: calc(50% - 14px);overflow: hidden;}
	
	/*Our Team Page*/
	.anaesthetics_card > .elementor-container {gap: 20px;}
	.endoscopists_card > .elementor-container{gap: 25px;}
	.endoscopists_card > .elementor-container > .elementor-column {width: calc(100% - 0px);}
	.anaesthetics_card > .elementor-container > .elementor-column {width: calc(50% - 10px);}
    .anaesthetics_card .elementor-widget-image-box .elementor-image-box-content {padding-inline: 10px;}	
	
	/*Appointment Form*/
	.appointment_form h2.gform_title {font-size: 32px;}
	.appointment_form  input, .appointment_form  textarea {padding: 14px 20px !important;}
	
	/*Custom Form*/
	.custom-form .gform_wrapper {padding: 40px 30px;}
	.custom-form .gform_wrapper .gfield_html h2 {font-size: 32px;}
	.custom-form .gform_wrapper .gfield_html p {font-size: 18px;}
	.custom-form .gform_wrapper .gform_fields .gfield input {padding: 12px 20px !important;}
	.appointment_form .gform_footer input[type="submit"], 
	.appointment_form .gform_footer input[type="submit"]:hover, 
	.appointment_form .gform_footer input[type="submit"]:focus{background-position: center right 15%;}
	.appointment_form .gform_footer #gform_submit_button_3 {background-position: center right 24%;}
	
	/*Testimonial*/
	.patients_answer .testimonial-content p {width: 85%;font-size: 18px;}
	
	/*Footer*/
	.main-footer .footermap .elementor-widget-wrap {flex-wrap: wrap;}
	
	/*Faq Page*/
	.faq-cst-section .elementor-accordion .elementor-accordion-item {margin-bottom: 20px;padding: 15px 20px  15px 20px;}
		
	/*404 Page*/
	.error404 main#content h1.\34 04-heading {font-size: 100px;}
	.error404 main#content .page-header .entry-title {font-size: 32px;}
}	

/*End Responsive Design */