/*
Theme Name: 	Consultez Child
Theme URI: 		http://thememascot.net
Description: 	Finance & Consulting Wordpress Theme. You can get more themes from here: https://themeforest.net/user/thememascot/portfolio
Author: 		ThemeMascot Team
Author URI: 	http://themeforest.net/user/thememascot
Version: 		4.0
Minimum Requires PHP:	8.1
Tested up to:	6.7
License: 		GNU General Public License v2 or later
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 	consultez-child
Template: 		consultez
*/


/*STYLES FOR RGM NEWS*/

.rgm-news-elementor-grid {
     display: flex;
     flex-direction: column;
     gap: 24px;
     padding: 0 0 20px 0;
}
 .elementor-widget-image-box .elementor-image-box-img img {
     border-radius: 12px;
     object-fit: cover;
     min-width: 140px;
}
.elementor-widget-image-box .elementor-image-box-title {
    font-size: 20px;
    font-weight: 700;
    color: #011245;
    text-align: left;
    transition: color 0.2s ease-in-out;
}

.elementor-widget-image-box .elementor-image-box-title:hover {
    color: #5579e6;
}
 
 .elementor-widget-image-box .elementor-image-box-description {
     font-size: 14px;
     color: #666;
     margin-top: 4px;
}
 .news-card-details{
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: flex-start;
     align-self: center;
}
 .news-img-container{
     margin-right: 35px !important;
}
/*END*/
 .footer_contact_section ul li:nth-child(2) {
     font-size:13px 
}
 .footer_contact_section ul > li svg{
     fill:#ffb400 
}
@media (min-width: 740px) {
  header.header-layout-type-header-default .menuzord-brand img,
  header.header-layout-type-header-side-panel-nav .menuzord-brand img {
    width: 100% !important;
    height: auto;
  }
}

@media (max-width: 739px) {
  header.header-layout-type-header-default .menuzord-brand img,
  header.header-layout-type-header-side-panel-nav .menuzord-brand img {
    width: 85% !important;
    height: auto;
  }
}

 .testimonial-block-style8 .author-text {
     margin: 20px 0 !important;
}

/*cbse*/
.pdf-side-bar li a:hover, .pdf-side-bar li.active a{
    background: #ffb400;
    color: #fff;
    border: 1px solid #e6e6e6;
}

.pdf-side-bar li a {
    display: block;
    background: #011245;
    color: #fff;
    padding: 8px 18px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
}
.pdf-side-bar li{
    margin:0;
    list-style:none;
}

 
.service-link .btn.btn-theme-colored2{
padding: 0.2rem 0.2rem !important;
}

#news_section_homepage .service-accordion-container {
  max-height: 500px;
  overflow-y: scroll;
  scroll-behavior: smooth;

  /* Hide scrollbar - Webkit (Chrome, Safari) */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE/Edge */
}

#news_section_homepage .service-accordion-container::-webkit-scrollbar {
  display: none;
}

.header_top_primary_nav{
	display: flex !important;
	justify-content: flex-end  !important;
}
.header_top_primary_nav li.menu-item.current-menu-parent > a, .header_top_primary_nav li.menu-item.current-menu-item > a{
	color : var(--theme-color2) !important;
}

#why_us_section .service-icon {
background : transparent !important
}
#why_us_section .service-icon svg{
fill : white !important;

}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--theme-color1) !important;
}

@media (max-width: 767px) {
  .content-box {
    display: flex !important;
    flex-direction: column !important;
  }
}

.wpcf7-form-control.wpcf7-submit {

background-color: var(--theme-color2-lighter);
	color: var(--theme-color1-darker);
  font-size: 16px;
  padding: 5px 40px !important;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  display: inline-block;
}
.wpcf7-form-control.wpcf7-submit:hover {
	  background-color: var(--theme-color1-darker);
  color: var(--theme-color2-lighter);
}

.wpcf7-spinner {
  margin-left: 10px;
  vertical-align: middle;
}

.arry-btn i.icon {
color : var(--theme-color2) !Important;
}

.arry-btn:hover i.icon{
color : white !Important;
}

.projects-current-theme2 .inner-box .btn-view-details,.projects-current-theme2 .inner-box .btn-view-details::after{
background-color : transparent !important;
}

#startpopup.modal {
    z-index: 999999 !important;
}
.modal-backdrop {
    z-index: 999998 !important;
}

/*-------------ADMISSION FORM STYLES-------------*/
/* Form Container */
.cf-container {
    padding: 20px;
    background-color: #809df8;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Form Row and Column Layout */
.cf-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Reduced gap between form fields */
    margin-bottom: 20px;
}

#gend_div {
	margin-top:10px;
}
/* Form Columns */
.cf-col-6 {
    width: calc(50% - 10px); /* Ensures columns have a smaller gap */
    box-sizing: border-box;
}

/* Form Group */
.cf-form-group {
    margin-bottom: 12px; /* Reduced margin to save space */
}

/* Labels */
.cf-label {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
    color: #000;
    font-family: var(--text-font);
}

/* Input Fields */
.cf-form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    font-family: var(--body-font);
    background-color: #f9f9f9;
    color: #000;
    box-sizing: border-box;
    transition: border 0.3s ease;
}

/* Input Focus */
.cf-form-control:focus {
    border-color: var(--primary-color);
    outline: none;
    background-color: #fff;
}

/* Radio Buttons */
.cf-form-check-inline {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap; /* Ensures radio buttons wrap nicely on smaller screens */
}

/* Style for each radio button label */
.cf-form-check-inline label {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #000;
}

/* Customize Radio Button */
.cf-form-check-input {
    margin-right: 8px;
    accent-color: var(--primary-color); /* Make radio button color match primary color */
    width: 18px;
    height: 18px;
}

.cf-btn-primary {
	background-color: var(--line-color);
	color: white;
	padding: 5px 40px;
	font-size: 16px;
	font-family: var(--title-font);
	border: none !important;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
}

.cf-btn-primary:hover {
  background-color: #FDA31B;
  color: white;
}

/* Modal Footer for Submit Button */
.cf-modal-footer {
    text-align: center;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .cf-col-6 {
        width: 100%;
    }

    .cf-form-check-inline {
        gap: 10px; /* Reduced gap for smaller screens */
    }
}

/* Optional Styling for Better Aesthetic */
.cf-form-control::placeholder {
    color: var(--third-color);
    opacity: 0.7;
}

.cf-form-group input[type="text"], .cf-form-group input[type="email"], .cf-form-group input[type="date"]{
    margin-bottom: 10px; /* Ensure space between fields */
}
/* Ensure radio buttons and labels are aligned horizontally */
.cf-form-check-inline {
    display: flex;
    gap: 20px; /* Space between radio button options */
    align-items: center; /* Align the radio buttons and labels on the same axis */
}

/* Customize radio button size and spacing */
.cf-form-check-input {
    margin-right: 8px; /* Space between the radio button and the label */
    accent-color: var(--primary-color); /* Custom color for the radio button */
    width: 18px;
    height: 18px;
}

/* Media query for larger screens (radio buttons inline) */
@media (min-width: 768px) {
    .cf-form-check-inline {
        display: inline-flex; /* Keep radio buttons inline on larger screens */
    }
}

/* Media query for smaller screens (radio buttons stacked) */
@media (max-width: 768px) {
    .cf-form-check-inline {
        display: flex;
        flex-direction: column; /* Stack radio buttons on smaller screens */
        gap: 10px;
    }
}

#gend_div span.wpcf7-form-control-wrap .wpcf7-list-item label span {
margin-left : 10px
}
/* Set aspect ratio for slider images */
selector .swiper-slide-image {
  aspect-ratio: 768 / 1086;
  width: 100%;
  height: auto;
  object-fit: cover;
}
selector img {
  width: 150px;
  height: auto;
  max-width: 100%;
}

selector {
  min-height: 60px; /* Reserve space */
}
 


.elementor-image-box-wrapper {
    align-items: flex-start;
}

.elementor-image-box-img img {
    width: 100%;
    height: 280px;          /* fixed height — adjust to taste */
    object-fit: cover;
    object-position: center top;  /* keeps faces in frame */
}