/*
Theme Name: Vidvath Education Foundation Theme
Theme URI: https://www.vidvath.com
Description: Vidvath Education Foundation
Version: 1.0
Text Domain: Vidvath Education Foundation
*/

body {
  margin: 0;
}

/* -----vidvath slider css code----- */

/* .additional-div{
   
    background-image: url('https://cp.idaksh.net/vidvath-staging/wp-content/uploads/2023/12/bg.jpg'); 
    background-size: cover; 
    background-position: center;
}*/
.orange-background {
  width: 100%;

  margin: 0 auto;
}
.owl-carousel {
  display: grid;
  grid-template-rows: 1fr; /* Set all rows to have the same height */
  align-items: stretch; /* Ensure equal height for all items */
  overflow-x: auto;
}

.custom-post-content {
  box-sizing: border-box;
  background-color: white;
  padding: 10px;
  gap: 10px;
  border: 1px solid #ccc;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 0px;
  height: 100%; /* Set height to 100% */
  height: 300px !important;
  position: relative; /* Add position relative to create a reference for absolute positioning */
}

.top-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.student-image {
  width: 50px;
  height: auto;
  margin-bottom: 10px;
}

.student-details {
  padding: 10px;
}

.owl-nav {
  position: absolute;
  top: 0;
  right: 0 !important;
  display: flex;
}

.owl-nav button.owl-prev {
  margin-right: 10px;
}

.owl-nav .owl-prev,
.owl-next {
  background-color: #730000 !important;
  color: white !important;
  border: 2px solid white !important;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
  background-color: #f8f8f8 !important;
  color: #730000 !important;
}

.owl-nav .owl-next i.fa-chevron-right,
.owl-nav .owl-prev i.fa-chevron-left {
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
  font-size: 17px !important;
  color: white !important;
}

.owl-nav .owl-next i.fa-chevron-right:hover,
.owl-nav .owl-prev i.fa-chevron-left:hover {
  color: #730000 !important;
}
img.student-image {
  width: 40%;
}
.owl-carousel {
  padding-top: 60px;
}

.read-more-btn {
  top: 60%;
  display: inline-block;
  font-size: 15px;
  color: #f17b04 !important;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s;
  position: relative;
}

.read-more-btn::after {
  content: "\00bb";
  font-size: 20px;
  margin-left: 5px;
  position: relative;
}

.vidvath-content {
  line-height: 1.5em;
}
.vidvath-title {
  color: #730000;
  font-family: "Jost", sans-serif;
}
.vidwath-head {
  line-height: 50px;
  font-weight: 600;
  color: white;
  margin-bottom: -5px;
  font-size: 45px;
  font-family: "Jost", sans-serif !important;
}
.slider-p {
  margin-bottom: -40px;
  color: white;
  width: 80%;
  font-family: "Jost", sans-serif;
}
p {
  line-height: 1.6em;
  font-family: "Jost", sans-serif;
}

.owl-carousel .owl-item img {
  width: 85px !important;
}

/* ==================
CONTACT FORM STYLES
====================*/
.three-col-section {
  display: flex;
  gap: 32px;
  justify-content: space-between;
}

.one-col-section {
  display: flex;
  flex-grow: 1;
  width: 100%;
}

.one-col-section p {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.one-col-section p .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.one-col-section p .wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  justify-content: center;
}

.one-col-section p input.wpcf7-form-control.wpcf7-submit {
    width: calc(25% - 15px);
	background-color:#3e0503;
	color:#fff;
	padding:10px 20px;
	border-radius:5px;
	cursor:pointer;
	border:none !important;
}
.one-col-section p input.wpcf7-form-control.wpcf7-submit:hover{
background-color:#f67a0a;
}

@media screen and (max-width: 768px) {
  .slider-p {
    margin-bottom: -30px;
  }
  .custom-post-content {
    height: 350px;
  }
  .student-image {
    width: 80px; /* Set the width for medium screens */
  }

  .three-col-section {
    gap: 0px;
    flex-direction: column;
  }
	
	#vidwath-registration-form .academicYear-feild select{
		width:100% !important;
	}
}

@media screen and (max-width: 480px) {
  .slider-p {
    margin-bottom: -20px;
    width: 100%;
  }

  .student-image {
    width: 60px; /* Set the width for smaller screens */
  }
}
/* @media screen and (min-width: 1320px) {
    .custom-post-content{
        height: 370px !important;
    } */

@media screen and (max-width: 767px) {
  .owl-nav .owl-prev,
  .owl-nav .owl-next {
    display: none !important;
  }
}
@media screen and (min-width: 920px) and (max-width: 1600px) {
  .custom-post-content {
    height: 360px !important;
  }
}
/* ------------css------- */
/* .elementor-element.elementor-element-edit-mode.elementor-element-fbde5ec.e-con.e-parent.e-flex.e-con-boxed.e-con--column{
	height:450px;
} */

/*=================
CONTACT FORM STYLES
=================*/
/*
if want to center form add this css
*/

/*
Styling the form input fields
The default styling for the input fields is quite plain as well. 
You can add some basic styling to the input fields with the following CSS code:
*/

#contact-us-page-forminput[type="text"],
#contact-us-page-forminput[type="email"],
#contact-us-page-formtextarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 10px;
  font-size: 16px;
  font-family: Arial, sans-serif;
}

#contact-us-page-formtextarea {
  height: 150px;
  resize: vertical;
}

/*
Styling the form labels:
By default, the labels for the form fields are left-aligned and have no styling.
 You can add some basic styling to the labels with the following CSS code:
*/

#contact-us-page-formlabel {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

/*
Changing the color of the form submit button:
The default styling for the form submit button is quite plain. 
If you want to add some color to it, you can use the following CSS code:
*/

#contact-us-page-forminput[type="submit"] {
  background-color: #3e0503;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

#contact-us-page-forminput[type="submit"] {
  display: inline-block;
  line-height: 1;
  font-size: 1rem;
  padding: 12px 24px;
  border-radius: 3px;
  color: #fff;
  fill: #fff;
  text-align: center;
  transition: all 0.3s;
}

#contact-us-page-forminput[type="submit"]:hover {
  background-color: #290100;
}

.wpcf7-response-output {
  margin-top: 20px;
  padding: 10px;
  border-radius: 5px;
  background-color: #f5f5f5;
  color: #333;
}

#contact-us-page-formp {
  margin-bottom: 0px;
}

#vidwath-registration-form .v-row {
  display: flex;
  width: 100%;
}

#vidwath-registration-form .col-1,
#vidwath-registration-form .col-3,
#vidwath-registration-form .col-4 {
  display: flex;
  width: 100%;
  gap: 20px;
}
#vidwath-registration-form .field {
  width: 100%;
}

#vidwath-registration-form .field p {
  margin-block: 15px 0px;
}

#vidwath-registration-form .wpcf7-form-control {
  font-family: "Jost";
  font-size: 1rem;
  font-weight: normal;
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#vidwath-registration-form input.wpcf7-form-control:not(.wpcf7-submit),
#vidwath-registration-form .address-field .wpcf7-form-control,
#vidwath-registration-form select.wpcf7-form-control {
  height: calc(1.5em + 0.75rem + 10px);
  border: 1px solid #ced4da;
}

#vidwath-registration-form .message-field .wpcf7-form-control {
  height: 150px;
  border: 1px solid #ced4da;
}

#vidwath-registration-form .academicYear-feild select {
  width: calc(25% - 15px);
}

#vidwath-registration-form .button-feild input {
  background-color: #3e0503;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  width: calc(25% - 15px);
}

@media screen and (max-width: 800px) {
  #vidwath-registration-form .col-1,
  #vidwath-registration-form .col-3,
  #vidwath-registration-form .col-4 {
    flex-direction: column;
    gap: 0px;
  }

  #vidwath-registration-form .button-feild input {
    width: 100%;
  }

}
/* ========================================Contact Us Styling============================== */
#contact-us-page-form .three-col-section input{
	padding:20px !important;
	border:none !important;
	border-radius:10px !important;
	
}
#contact-us-page-form .one-col-section textarea{
	border:none !important;
	padding:10px !important;
	border-radius:10px !important;
}



/* ==============================================Prerana Course Code============================== */
.v-sec{
	display:grid !important;
	grid-template-columns:repeat(3, 1fr);	
}
#vidwath-registration-form .button-feild input:hover{
	background-color:#f67a0a;

}

@media(max-width: 800px){
	.v-sec{
	display:grid !important;
	grid-template-columns:repeat(1, 1fr);	
}
}
/* Container for the scrolling text */
.marquee-container {
    overflow: hidden; /* Hides the overflowing text */
    white-space: nowrap; /* Ensures the text stays in a single line */
    position: relative; /* Relative positioning for absolute children */
    background-color: #000; /* Background color */
    color: white; /* Text color */
    height: 50px; /* Adjust height as needed */
}

/* Content that will be animated */
.marquee-content {
    display: inline-block; /* Keeps the content on a single line */
    padding-left: 100%; /* Starts the text from outside the container */
    animation: marquee 10s linear infinite; /* Animation details */
}

/* Link styles */
.marquee-content a {
    text-decoration: none;
    color: white;
    transition: color 0.3s;
}

/* Change link color on hover */
.marquee-content a:hover {
    color: red;
}

/* Keyframes for scrolling effect */
@keyframes marquee {
    from {
        transform: translateX(100%); /* Start from right outside */
    }
    to {
        transform: translateX(-100%); /* End at left outside */
    }
}

#neet-kcet-coaching-form .v-row {
  width: 100%;
}

#neet-kcet-coaching-form .col-4 {
  width: 100%;
}

#neet-kcet-coaching-form .field {
  width: 100%;
  margin-bottom: 0px; /* Adds space between fields */
}

#neet-kcet-coaching-form .wpcf7-form-control {
  font-family: "Jost", sans-serif;
  font-size: 1rem;
  font-weight: normal;
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#neet-kcet-coaching-form input.wpcf7-form-control:not(.wpcf7-submit),
#neet-kcet-coaching-form select.wpcf7-form-control {
  height: calc(1.5em + 0.75rem + 10px);
  border: 1px solid #ced4da;
}

#neet-kcet-coaching-form .button-field input {
  background-color: #3e0503;
  color: #fff;
  border: none;
  padding: 0px 20px;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
}

@media screen and (max-width: 800px) {
  #neet-kcet-coaching-form .col-4 {
    gap: 0px;
  }

  #neet-kcet-coaching-form .button-field input {
    width: 100%;
  }
}



/* Popup Overlay */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  display: none; /* Hidden by default */
  justify-content: center;
  align-items: center;
  z-index: 9999; /* High z-index to be on top of everything */
}


/* Popup button style  */

.custom-enroll-btn {
  display: inline-block;
  padding: 10px 20px;
  background-color: #f57c20; /* Orange background color */
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Slight shadow for depth */
  transition: background-color 0.3s ease; /* Smooth transition */
  text-align: center; /* Center the text */
}

.custom-enroll-btn:hover {
  background-color: #e66917; /* Darker orange on hover */
}


a.contact-popup-btn.custom-enroll-btn {
  color: #fff;
}


/* style end */

/* Popup Content */
.popup-content {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  width: 90%;
  max-width: 600px;
  position: relative;
}

/* Close Button */
.close-popup {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
}

/* Show the popup when active */
.popup-overlay.active {
  display: flex;
}

/* style */
    .v-row {
        display: flex;
        gap: 20px; /* Add gap between columns */
    }
    
    .field {
        padding: 0px 0; /* Add padding to the top and bottom of each field */
    }
/* style end */

/* style */
    .submit-button {
        background-color: #4b0000; /* Dark red color */
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
    }

    .submit-button:hover {
        background-color: #330000; /* Slightly darker on hover */
    }
/* style end */

/* 2nd PU admission form */