/*
Theme Name: Kadence Child
Created By: Prashant Kumar 
Template: kadence
Version: 1.0.0
*/


/* Right Side Fixed Form  */

.right-sidebar-fixed-logo {
	width:200px;
	display:flex;
	margin: 0px auto;
}

.right-sidebar-fixed-box {
  background: #03396C;
  padding: 0px 22px;
  border-radius: 18px;
  color: #fff;
}

.right-sidebar-fixed-title {
  font-size: 15px!important;
  text-align: center;
  font-weight: 700;
  margin-bottom: 5px;
  color: #fff;
}

.right-sidebar-fixed-title span {
  color: #ff7a18;
}

.right-sidebar-fixed-badges {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
}

.right-sidebar-fixed-badges div {
  background: #ffffff;
  color: #000;
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 13px;
}

.right-sidebar-fixed-subtitle {
  font-size: 15px;
  font-weight: 600;
	text-align:center;
  margin-bottom: 18px!important;
  margin-top: -20px!important;
}

/* Inputs */

/* Make select full width */
.right-sidebar-fixed-input-choose {
    width: 100% !important;
    max-width: 100%;
    height: 48px;
    padding: 10px 15px;
	margin-bottom:10px!important;
    border-radius: 0px;
    border: 1px solid #ccc;
    font-size: 14px;
    background-color: #fff;
    box-sizing: border-box;
}


.right-sidebar-fixed-input-name,
.right-sidebar-fixed-input-email,
.right-sidebar-fixed-input-mobile {
  width: 100%;
  padding: 10px 16px;
  margin: 10px 0px!important;      /* Remove margin here */
  border-radius: 10px;
  border: none;
  font-size: 15px;
  box-sizing: border-box;
}


/* Mobile input spacing for +91 */

/* Placeholder color */
.right-sidebar-fixed-box input::placeholder {
  color: gray!important;
}

.right-sidebar-fixed-box .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 25px;
    color: black;
}

@media (max-width: 768px) {
    .right-sidebar-fixed-box .intl-tel-input .selected-flag .iti-flag {
        right: 50px;
    }
	
}

/* Submit Button */
.right-sidebar-fixed-submit {
	margin-top:-40px!important;
  width: 100%;
  border-radius: 30px;
  background-color: red!important;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border: none;
  cursor: pointer;
	margin-bottom:0px!important;
}

.right-sidebar-fixed-submit:hover {
  opacity: 0.95;
}

/* Increase gap between +91 and number text */

.right-sidebar-fixed-box .wpcf7-phonetext,
.right-sidebar-fixed-box input[type="tel"] {
  padding-left: 95px !important;
}


.intl-tel-input ul.country-list {
    width: 390px;
    color: black;
}





/* Number Form CSS  */

.home-page-hero-form .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .ekit-form form select {
	padding-left:100px!important;
	width:35vw!important;
}


@media (max-width: 599px) {

	
	.home-page-hero-form .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .ekit-form form select {
	padding-left:100px!important;
	width:100%!important;
}
}


@media (min-width: 600px) {
.home-page-hero-form .selected-dial-code {
    padding-left: 5px!important;
}
}

.medical-home-page-hero-form 
.ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.medical-home-page-hero-form 
.ekit-form form select {
    padding-left: 100px !important;
    width: 35vw !important;
}


@media (max-width: 768px) {
.medical-home-page-hero-form 
.ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.medical-home-page-hero-form 
.ekit-form form select {
    padding-left: 100px !important;
    width: 100vw !important;
}
}






/* Home Page Contact Form CSS */


.elementor-34 .elementor-element.elementor-element-0284149 .wpcf7-form-control {
    margin-top: 0px;
}

/* Form Main Title */
.home-sidebar-form-main-title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin-bottom: 20px!important;
}

/* Keep previous form styles as-is */
.home-sidebar-form-box {
  background: #03396C;
  padding: 20px;
  border-radius: 18px;
  color: #fff;
  max-width: 360px;
  margin: 0 auto;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

.home-sidebar-label {
  font-size: 14px;
  color: #fff;
  display: block;
  margin-bottom: 6px;
}

.home-sidebar-input-name,
.home-sidebar-input-email,
.home-sidebar-input-mobile,
.home-sidebar-select {
  width: 100%;
  padding: 10px 16px;
  border-radius: 10px;
  border: none;
  font-size: 15px;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.home-sidebar-input-mobile {
  padding-left: 90px;
}

.home-sidebar-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  color: gray;
}

.home-sidebar-input-name::placeholder,
.home-sidebar-input-email::placeholder,
.home-sidebar-input-mobile::placeholder {
  color: gray !important;
}

.home-sidebar-submit {
  width: 100%;
  height: 50px;
  border-radius: 30px;
  background: red !important;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  margin-top: 12px;
}

.home-sidebar-submit:hover {
  opacity: 0.95;
}

.home-sidebar-form-box .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 10px;
}

.home-sidebar-form-box .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    color:black!important;
}



@media(max-width:768px){
  .home-sidebar-input-mobile {
    padding-left: 60px;
  }

.home-sidebar-form-box .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 80px!important;
    margin-left:0px!important;
    color:black!important;
}
}