/*

Theme Name: Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

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: 1.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

*/


.heading_image h1 span{
    position: relative;
}

.heading_image h1 span::after{
    content: "";
    background-image: url(https://competitivegyaan.devreadyhub.com/wp-content/uploads/2025/07/Vector-3.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -10px;
}
.heading_image h2 span{
    position: relative;
}
.heading_image h2 span::after{
    content: "";
    background-image: url(https://competitivegyaan.devreadyhub.com/wp-content/uploads/2025/07/Vector-3.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 18px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -10px;
}
.my_slider figcaption.elementor-image-carousel-caption {
    font-size: 20px;
    font-weight: 600;
    color: #C48E6A;
    padding-bottom: 20px;
	  font-style: unset;
}
.contact_form .form-column {
    display: flex;
    width: 100%;
    gap: 10px;
}
.contact_form .form-column {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: space-between;
}
.contact_form .form-column .form-group {
    width: 100%;
}
.contact_form textarea#message {
    height: 110px;
}
.contact_form .form-group {
    text-align: left !important;
}
.contact_form h2 {
    font-size: 39px;
    color: #333;
}
.contact_form input {
    border: 1px solid #C48E6A;
}
.contact_form label {
    padding-bottom: 10px;
}
button {
    background: #C48E6A !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 42px !important;
}
.contact_form  input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #fff;
    color: #c48e6a;
    padding: 10px 40px;
    font-size: 20px;
    border-radius: 6px;
    font-weight: 600;
}
 
/* become tutor*/
.become_tutor .wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #C48E6A !important;
    color: #fff !important;
    border: none;
    padding: 15px 35px;
	 width: 20%
}
.become_tutor textarea {
    height: 110px;
}

.become_tutor p {
    padding-bottom: 10px;
}
.become_tutor input.wpcf7-form-control, textarea {
    border: 1px solid #C48E6A;
    border-radius: 7px;
    padding: 16px;
}
.become_tutor input.wpcf7-form-control.wpcf7-file {
    border: none;
}
.become_tutor .form_coloum {
  display: flex;
  gap: 20px; 
  flex-wrap: nowrap; 
}

.become_tutor .form_coloum > * {
  flex: 1;
  width: 100%;
}
.contact_info a {
    color: #333333;
    text-decoration: none !important;
}

/*contact page start  */
.contact_us button {
    background: #fff !important;
    color: #C48E6A !important;
    border: none !important;
    padding: 10px 42px !important;
}
.contact_us h2 {
    color: #fff;
}

.contact_us label {
    color: #fff;
}
.contact_us  h2 {
    color: #fff !important;
}
/*contact page end  */


/*study Guide  start */
.studyguide_box .elementor-widget-image-box {
    height: 100% !important;
}
.pum-title {
    color: #c48e6a!important;
    text-align: center!important;
    font-weight: 500!important;
}
/*study guide end  */

/*become tutor end */
@media (max-width: 768px) {
	
  .contact_form h2 {
    font-size: 30px;
    color: #333;
    text-align: center !important;
  }
	.become_tutor .wpcf7-form-control.wpcf7-submit.has-spinner {
	 width: 45%
}
	.become_tutor .form_coloum {
  display: flex;
 flex-direction :column;
}


.elementor-13 .elementor-element.elementor-element-b08045a .elementor-icon-list-items.elementor-inline-items {
    margin-right:0px !important;
}
}



.online_class_form_parent .form_item_w_50{
	display:flex;
	column-gap:20px;
	
}
.online_class_form_parent .form_item_w_50 lable{
	width:49%;
}
.online_class_form_parent .form_item_w_50 input{
	border-radius:10px;
}
.online_class_form_parent textarea {
    height: 180px;
    border-radius: 10px;
}
.submit_button{
	width:100%;
	display:flex;
	justify-content:center;
	align-items :center;
}
.online_class_form_parent .form_item_w_50 input {
    height: 50px;
}
.submit_button .wpcf7-spinner {
    display: none;
}
span.wpcf7-not-valid-tip {
    padding-top: 10px;
}
.online_class_form_parent input,.online_class_form_parent textarea {
	outline:none !important;
}

@media only screen and (min-width: 260px) and (max-width: 766px) {
	.online_class_form_parent .form_item_w_50 lable{
	width:100% !important;
}
	.online_class_form_parent .form_item_w_50 input{
	width:100% !important;
}
		
.online_class_form_parent .form_item_w_50{
	display:flex;
	column-gap:20px;
	flex-direction:column !important;
	
}
}


/*  pop up css */
.popmake {
    border: 8px solid #C48E6A !important;
}

.popmake form {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    gap: 20px;
}

.popmake form p {
    width: 48%;
}
.popmake form p:nth-child(4), .popmake form p:nth-child(5) {
    width: 100%;
}


.popmake form p label {
    width: 100%;
    color: #C48E6A;
    font-size: 16px;
    font-weight: 600;
}

.popmake form p label input, .popmake form p label textarea {
    margin-top: 20px;
    border: 1px solid #000;
}
.popmake button.pum-close.popmake-close {
    padding: 0px !important;
}
.popmake form p label textarea {
    height: 110px !important;
}
.popmake form  .wpcf7-submit {
    background-color: var(--e-global-color-primary);
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    padding: 11px 40px 11px 40px;
    border: none;
    color: #fff;
}

/* course page css */

.our-course {
    padding-bottom: 50px;
}

.our-course h2 {
    font-family: "Onest", Sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 50px;
    color: #212121;
    text-align: center;
}
.our-course div#parent-categories {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 10px !important;
    row-gap: 10px !important;
}
.our-course div#parent-categories .parent-block {
    width: 20%;
}
.our-course div#parent-categories button.cat-button {
    width: 100%;
    background-color: var(--e-global-color-primary);
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    padding: 12px 0px 12px 0px !important;
    margin: 0px;
}
.our-course  h3 {
    font-family: "Onest", Sans-serif;
    font-weight: 600;
    color: #c48e6a;
}

.our-course .child-button {
    background-color: #FFFFFF00;
    font-family: "Poppins", Sans-serif;
	text-transform:capitalize;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    fill: var(--e-global-color-primary);
    color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    padding: 12px 40px 12px 40px;
}
.our-course #pdf-post-list {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
}
@media (max-width: 1199px){
.our-course div#parent-categories .parent-block:first-child .child-category-group {
    left: -50%;
    transform: translateX(25%) !important;
}
	.our-course div#parent-categories .parent-block:nth-child(5) .child-category-group {
    left: -50%;
    transform: translateX(25%) !important;
}
	.our-course div#parent-categories .parent-block:nth-child(4) .child-category-group {
    transform: translateX(-60%) !important;
}
		.our-course div#parent-categories .parent-block:last-child .child-category-group {
    transform: translateX(-60%) !important;
}
}
@media (max-width: 767px) {
    .popmake form p {
        width: 100%;
    }
.our-course div#parent-categories button.cat-button {
    width:48.5%;
}
    .popmake {
        left:10px !important;
    }
}


.child-category-group h3 {
    font-size: 18px;
	  margin-bottom: 5px;
}
.child-category-group {
    padding: 15px 20px;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
	    border: 1px solid #c48e6a;
    border-radius: 0px 0px 8px 8px;
}
.our-course .cat-button.active {
    border-radius: 8px 8px 0px 0 !important;
}

.child-category-group {
    overflow: hidden;
    transition: max-height 0.5s ease;
    max-height: 0;
}

.child-category-group.active {
    overflow: visible;
}

.child-category-group {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 320px; /* default closed width */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, width 0.4s ease;
    background: white;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #c48a6b;
    border-radius: 6px;
    padding: 15px;
    z-index: 9;
}

.child-category-group {
    width: 90%;
    max-width: 600px;
    margin: 20px auto;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease;
    background: white;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #c48a6b;
    border-radius: 6px;
    padding: 0 15px;
}

.child-category-group.active {
    padding: 15px;
    max-height: 2000px; /* or scrollHeight with JS */
}
.child-category-group.active {
    padding: 20px; /* Increase padding around whole box */
}

.child-category-group {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
	    left: 0;
  position: relative;
  width: 700px; /* 🔧 Increase width manually */
  margin: 20px auto; /* 🔧 Center it horizontally */
  background: white;
  border: 1px solid #c08968;
  border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  padding: 20px; /* ✅ Ensure top-bottom spacing */
}

.our-course div#parent-categories .parent-block:first-child .child-category-group {
    left: -50%;
    transform: translateX(10px);
}

.our-course div#parent-categories .parent-block:nth-child(5) .child-category-group {
    left: -50%;
    transform: translateX(10px);
}


.child-category-group.active {
    /* max-height set by JS */
}

.child-category-inner {
    padding: 20px;
}

.course-posts-container h4 {
    font-size: 20px;
}

@media (max-width: 1399px) { 
.our-course div#parent-categories .parent-block:first-child .child-category-group {
    left: -50%;
    transform: translateX(20%);
}
	.our-course div#parent-categories .parent-block:nth-child(5) .child-category-group {
    left: -50%;
    transform: translateX(20%);
}
	
	.our-course div#parent-categories .parent-block:last-child .child-category-group {
    transform: translateX(-68%) !important;
}
	.our-course div#parent-categories .parent-block:nth-child(4) .child-category-group {
    transform: translateX(-68%) !important;
}
}

@media (max-width: 767px) { 
.our-course div#parent-categories button.cat-button {
    width: 100%;
}
.child-category-group {
    margin: 0px auto;
}
	.our-course div#parent-categories .parent-block {
    width: 100%;
}
	.parent-block {
    margin-bottom: 10px !important;
}
	
	.child-category-group {
    width: 100%;
		left:50%
}
	.our-course div#parent-categories .parent-block:first-child .child-category-group {
    left: -50%;
    transform: translateX(50%);
}
	.our-course div#parent-categories .parent-block:nth-child(5) .child-category-group {
    left: -50%;
    transform: translateX(50%) !important;
}
	.our-course div#parent-categories .parent-block {
    width: 100% !important;
}

}


@media (max-width: 991px) { 

.our-course div#parent-categories button.cat-button {
    width: 100%;
}
.child-category-group {
    margin: 0px auto;
}
	.our-course div#parent-categories .parent-block {
    width: 49%;
}
	.parent-block {
    margin-bottom: 10px !important;
}
	
	.child-category-group {
    width: 100%;
		left:50%
}
	.our-course div#parent-categories .parent-block:first-child .child-category-group {
    left: -50%;
    transform: translateX(50%) !important;
}
	.our-course div#parent-categories .parent-block:nth-child(5) .child-category-group {
    left: -50%;
    transform: translateX(50%) !important;
}
	.our-course div#parent-categories .parent-block:nth-child(4) .child-category-group {
    transform: translateX(-50%) !important;
}
		.our-course div#parent-categories .parent-block:last-child .child-category-group {
    transform: translateX(-50%) !important;
}

}