.elementor-17349 .elementor-element.elementor-element-194de51{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.91;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17349 .elementor-element.elementor-element-194de51:not(.elementor-motion-effects-element-type-background), .elementor-17349 .elementor-element.elementor-element-194de51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://charitosbo.com/wp-content/uploads/2025/07/registration.webp");background-position:center center;background-size:cover;}.elementor-17349 .elementor-element.elementor-element-194de51::before, .elementor-17349 .elementor-element.elementor-element-194de51 > .elementor-background-video-container::before, .elementor-17349 .elementor-element.elementor-element-194de51 > .e-con-inner > .elementor-background-video-container::before, .elementor-17349 .elementor-element.elementor-element-194de51 > .elementor-background-slideshow::before, .elementor-17349 .elementor-element.elementor-element-194de51 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17349 .elementor-element.elementor-element-194de51 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #000000F5 31%, #00000000 77%);}.elementor-17349 .elementor-element.elementor-element-fbb0dfd{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17349 .elementor-element.elementor-element-687a0d1{width:var( --container-widget-width, 727px );max-width:727px;--container-widget-width:727px;--container-widget-flex-grow:0;}.elementor-17349 .elementor-element.elementor-element-687a0d1 .elementskit-section-title-wraper .elementskit-section-title{color:#FFFFFF;margin:0px 0px 0px 0px;font-size:48px;font-weight:600;text-transform:capitalize;}.elementor-17349 .elementor-element.elementor-element-687a0d1 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-17349 .elementor-element.elementor-element-687a0d1 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-17349 .elementor-element.elementor-element-e5ec12e{width:var( --container-widget-width, 680px );max-width:680px;--container-widget-width:680px;--container-widget-flex-grow:0;--e-icon-list-icon-size:6px;--icon-vertical-align:center;--icon-vertical-offset:1px;}.elementor-17349 .elementor-element.elementor-element-e5ec12e .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-17349 .elementor-element.elementor-element-e5ec12e .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-17349 .elementor-element.elementor-element-e5ec12e .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-17349 .elementor-element.elementor-element-e5ec12e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17349 .elementor-element.elementor-element-e5ec12e .elementor-icon-list-item > a{font-size:18px;font-weight:400;text-transform:capitalize;}.elementor-17349 .elementor-element.elementor-element-e5ec12e .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-17349 .elementor-element.elementor-element-d72d84b{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17349 .elementor-element.elementor-element-ec57d8d .title{font-size:30px;}.elementor-17349 .elementor-element.elementor-element-0c5ee24{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-17349 .elementor-element.elementor-element-6d53e13{--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:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17349 .elementor-element.elementor-element-66f6f6a > .elementor-widget-container{border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.09);}.elementor-17349 .elementor-element.elementor-element-1e793af{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17349 .elementor-element.elementor-element-a2f54cf img{height:100vh;object-fit:cover;object-position:center center;border-radius:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-17349 .elementor-element.elementor-element-687a0d1{--container-widget-width:624px;--container-widget-flex-grow:0;width:var( --container-widget-width, 624px );max-width:624px;}.elementor-17349 .elementor-element.elementor-element-687a0d1 .elementskit-section-title-wraper .elementskit-section-title{font-size:40px;line-height:1.2em;}.elementor-17349 .elementor-element.elementor-element-0c5ee24{--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-17349 .elementor-element.elementor-element-a2f54cf{text-align:center;}.elementor-17349 .elementor-element.elementor-element-a2f54cf img{height:53vh;}}@media(min-width:769px){.elementor-17349 .elementor-element.elementor-element-fbb0dfd{--width:90%;}.elementor-17349 .elementor-element.elementor-element-6d53e13{--width:50%;}.elementor-17349 .elementor-element.elementor-element-1e793af{--width:50%;}}@media(max-width:1024px) and (min-width:769px){.elementor-17349 .elementor-element.elementor-element-fbb0dfd{--width:100%;}}@media(max-width:768px){.elementor-17349 .elementor-element.elementor-element-194de51:not(.elementor-motion-effects-element-type-background), .elementor-17349 .elementor-element.elementor-element-194de51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-17349 .elementor-element.elementor-element-194de51::before, .elementor-17349 .elementor-element.elementor-element-194de51 > .elementor-background-video-container::before, .elementor-17349 .elementor-element.elementor-element-194de51 > .e-con-inner > .elementor-background-video-container::before, .elementor-17349 .elementor-element.elementor-element-194de51 > .elementor-background-slideshow::before, .elementor-17349 .elementor-element.elementor-element-194de51 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17349 .elementor-element.elementor-element-194de51 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(0deg, #000000F5 36%, #00000000 100%);}.elementor-17349 .elementor-element.elementor-element-194de51{--overlay-opacity:0.76;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-17349 .elementor-element.elementor-element-687a0d1 .elementskit-section-title-wraper .elementskit-section-title{font-size:25px;line-height:1.3em;}.elementor-17349 .elementor-element.elementor-element-e5ec12e{--e-icon-list-icon-size:6px;--icon-vertical-align:center;}.elementor-17349 .elementor-element.elementor-element-e5ec12e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17349 .elementor-element.elementor-element-e5ec12e .elementor-icon-list-item > a{font-size:15px;}.elementor-17349 .elementor-element.elementor-element-ec57d8d .title{font-size:30px;}.elementor-17349 .elementor-element.elementor-element-0c5ee24{--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-17349 .elementor-element.elementor-element-1e793af{--justify-content:center;}.elementor-17349 .elementor-element.elementor-element-a2f54cf img{height:37vh;}}/* Start custom CSS for container, class: .elementor-element-fbb0dfd */.wd-content-layout {
padding-block: 0 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-66f6f6a */.vendor-form-container{
    padding: 0 !important;
    
}
.registration-container{
    box-shadow: none !important;
    border-radius: 0px !important;
}

.form-header{
    display: none !important;
}

.section-title{
    font-size: 16px !important;
    font-weight: 500 !important;
}




 1. Replace the select styling 
.vendor-form-container input[type="text"], .vendor-form-container input[type="email"], .vendor-form-container input[type="tel"], .vendor-form-container input[type="password"], .vendor-form-container select, .vendor-form-container textarea { 
    width: 100%; 
    padding: 12px 16px; 
    border: 2px solid #e9ecef; 
    border-radius: 8px; 
    font-size: 14px; 
    transition: all 0.3s ease; 
    background: white; 
}

 
.vendor-form-container select {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
    line-height: 1.4;
    color: #495057;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.vendor-form-container select option {
    padding: 8px 12px;
    color: #495057;
    background: white;
    font-size: 14px;
    line-height: 1.4;
}

.vendor-form-container select option:first-child {
    color: #6c757d;
    font-style: italic;
}

 4. Replace the phone-input styling 
.phone-input { 
    display: flex; 
    gap: 8px; 
    align-items: center; 
    flex-wrap: wrap;
}

.phone-input input { 
    flex: 1; 
    min-width: 0;
}

.phone-input .country-code { 
    width: 70px; 
    flex: 0 0 70px;
}

.phone-input .area-code { 
    width: 90px; 
    flex: 0 0 90px;
}

.phone-input .phone-number { 
    flex: 2; 
    min-width: 120px;
}


.vendor-form-container label { 
    display: block; 
    font-weight: 600; 
    color: #34495e; 
    margin-bottom: 8px; 
    font-size: 14px; 
    line-height: 1.3;
}

 6. Update the mobile media query section 
@media (max-width: 768px) {
    .form-content { padding: 20px; }
    .form-row { flex-direction: column; gap: 15px; }
    .phone-input { 
        flex-direction: column; 
        gap: 10px; 
    }
    .phone-input .country-code,
    .phone-input .area-code,
    .phone-input .phone-number {
        width: 100%;
        flex: 1 1 100%;
    }
    .phone-separator {
        display: none;
    }
}
.form-group{
    display: flex;
    justify-content: center !important;
    align-items: center;
}
.form-group label{
    width: 70%;
    font-size: 14px !important;
}
@media screen and (max-width: 600px){
    .form-group label{
    width: 100%;
    }
    .form-group{
    
    }
    .phone-input {
  display: block !important;
  
  }
    }
    .area-code, .phone-number, .country-code{
        width: 100%  !important;
    }
    .form-section .section-title{
    border: none !important;
    font-size: 13px !important;
}
input{
    font-size: 10px !important;
}
.form-group.inline{
    flex-direction: row !important;
}
.submit-btn{
    padding: 5px 5px !important;
    font-size: 11px !important;
    
}

    
}

.form-section .section-title{
    border: none !important;
    font-size: 13px !important;
}

.vendor-form-container select {
  height: 25px !important;
  padding: 2px 6px !important;
  font-size: 12px;
  line-height: 1.2;
}


form input, form textarea,
form button,
.file-upload input[type="file"]{
    height: 25px !important;
}
@media screen and (min-width: 700px){
.phone-input {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  max-width: 100%;
  flex-wrap: nowrap;
}

.phone-input input {
  height: 30px;
  padding: 4px 6px;
  font-size: 14px;
  box-sizing: border-box;
}

.country-code {
  width: 60px !important;
  min-width: 40px; 
}

.area-code {
  width: 100px !important;
  min-width: 60px;
}

.phone-number {
  width: 40px !important;
  min-width: 100px;
}

.phone-separator {
  line-height: 30px;
  flex-shrink: 0;
}
input{
    font-size: 14px !important;
}
}




/*checkbox*/
.checkbox-item input[type="checkbox"]{
    margin-top: -3px !important;
}/* End custom CSS */