.elementor-63 .elementor-element.elementor-element-b978374{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63 .elementor-element.elementor-element-41bec46{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63 .elementor-element.elementor-element-13b5a51{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-63 .elementor-element.elementor-element-ff78211{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63 .elementor-element.elementor-element-ce17ad8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63 .elementor-element.elementor-element-d57d1b9{--display:flex;--min-height:507px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63 .elementor-element.elementor-element-d57d1b9:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-d57d1b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kourix.in/wp-content/uploads/2026/03/Beauty-Site-Launch-Website-in-Cream-and-Brown-Photographic-Style-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d51ba34 */.course-heading {
  text-align: center;
  padding: 60px 20px;
  background: #f5f5f5;
}

.course-heading h1 {
  font-size: 48px;
  margin-bottom: 10px;
}

.course-heading p {
  font-size: 20px;
  margin-bottom: 30px;
}

/* SEARCH */
.search-wrapper {
  position: relative;
  max-width: 600px;
  margin: auto;
}

.search-box {
  display: flex;
  align-items: center;
  background: #eee;
  border-radius: 40px;
  padding: 15px 20px;
}

/* ICON */
.search-icon svg {
  width: 20px;
  height: 20px;
  stroke: #7F5235;
  stroke-width: 2;
  fill: none;
  margin-right: 10px;
}

/* INPUT */
.search-box input {
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
  font-size: 16px;
}

/* DROPDOWN */
.results {
  position: absolute;
  width: 100%;
  background: #fff;
  border-radius: 10px;
  margin-top: 5px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  display: none;
  text-align: left;
}

.results div {
  padding: 12px 15px;
  cursor: pointer;
}

.results div:hover {
  background: #f5f5f5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-60d9a74 */.course-list {
  padding: 40px 20px;
  background: #f5f5f5; /* FIX (you had #f invalid) */
}

.course-list h3 {
  font-size: 20px;
  margin: 30px 0 15px;
  font-weight: 600;
}

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.card {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  text-decoration: none;
  color: #000;
  transition: 0.3s;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* ICON */
.icon {
  width: 60px;
  height: 60px;
  background: rgba(127, 82, 53, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.icon svg {
  width: 28px;
  height: 28px;
  stroke: #7F5235;
  stroke-width: 2;
  fill: none;
}

.card p {
  font-size: 16px;
  font-weight: 500;
}

/* MOBILE */
@media (max-width: 768px) {
  .grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0208370 *//* Container */
.contact-container {
  display: flex;
  gap: 40px;
  padding: 60px;
  background: #F3F4F6;
  border-radius: 20px;
  max-width: 1100px;
  margin: auto;
  flex-wrap: wrap;
}

/* Left Section */
.contact-left {
  flex: 1;
  min-width: 280px;
}

.contact-left h2 {
  font-size: 32px;
  margin-bottom: 20px;
  color: #2d2d2d;
}

.contact-left p {
  margin-bottom: 15px;
  color: #555;
  line-height: 1.6;
}

/* Right Section */
.contact-right {
  flex: 1;
  min-width: 280px;
  background: #ffffff;
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

/* Form Layout */
.row {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

/* Inputs */
input,
textarea {
  width: 100%;
  padding: 14px;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-size: 14px;
  outline: none;
  transition: 0.3s;
}

/* Half width for row inputs */
.row input {
  flex: 1;
}

/* Focus effect */
input:focus,
textarea:focus {
  border-color: #22c58b;
  box-shadow: 0 0 0 2px rgba(34,197,139,0.15);
}

/* Textarea */
textarea {
  min-height: 120px;
  resize: none;
  margin-bottom: 15px;
}

/* Button */
button {
  width: 100%;
  padding: 14px;
  background: #22c58b;
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
}

/* Button hover */
button:hover {
  background: #1aa374;
}

/* Responsive */
@media (max-width: 768px) {
  .contact-container {
    padding: 30px 20px;
  }

  .row {
    flex-direction: column;
  }
}/* End custom CSS */