.ccMain{
   font-family: 'Work Sans', sans-serif;
   display: flex;
   background-color: #F4F4F4;
   width: 100%;
   padding-top: 10px;
}
.ccMainBanner{
  font-family: 'Work Sans', sans-serif;
    background-color: hsl(204, 2%, 46%);
    color: #fff;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1rem;
    border-radius: 9px;
}
.ccMainBanner_title{
    margin:3px;
}
.ccMainBanner_Span{
    font-size: 16px;
    width: 72%;
    text-align: center;
    font-weight: 200;
}
.ccBody{
  display: flex;
  width: 100%;
  margin: 15px 0px;
}
.ccBody_Title{
    font-weight: 800;
    font-size: 1.5rem;
    letter-spacing: 1px;
    margin: 0px;
}
.ccBody_Info{
  display: flex;
  flex-direction: column;
  width: 50%;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: (--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  margin-right:5px;
  box-sizing: border-box;
  padding: 23px;
}
.ccBody__Logo{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ccBody__LogoImg{
  width: 80%;
}
.ccBody_Info__ul{
  list-style: none;
  padding-left: 0px;
}

.ccBody_Info__Icon{
    width: 32px;
    height: 32px;
    box-sizing: border-box;
}

.ccBody_Info__list{
    font-family: 'Work Sans', sans-serif;
    padding: 10px 0px;
    border-bottom: 1px solid #f4f4f4;
    font-size: 16px;
    font-weight: 200;
    display: flex;
    align-items: center;
}
.ccBody_Info__Sep{
  padding-left: 5px;
}
.ccBody_Info__Btn{
   font-family: 'Work Sans', sans-serif;
  background-color: #22CA42;
  color: #fff;
  font-weight: 800;
  display: flex;
  width: 60%;
  font-size: 14px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
}
.ccBody_Info__Btn:hover{
  color: #fff;
}
.ccBody_Info__BtnSep{
  padding-right: 13px;
  color: #fff;
}
.ccBody_Form{
  display: flex;
  font-family: 'Work Sans', sans-serif;
  flex-direction: column; 
   display: flex;
  flex-direction: column;
  width: 50%;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: (--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  margin-left: 5px;
  box-sizing: border-box;
  padding: 23px;
}
.ccBody_Form__Slogan{
  font-size: 16px;
    text-align: center;
    padding: 15px 0px;
}
.centerTittle{
  text-align: center;
}
.flexColumn{
  flex-direction: column;
}
.ccForm{
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.ccForm__Container{
  display: flex;
  width: 100%;
  padding:10px 0px;
}
.ccForm__Name{
  font-family: 'Work Sans', sans-serif;
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-right: 5px;
}
.ccForm__Phone{
  font-family: 'Work Sans', sans-serif;
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-left: 5px;
}
.ccFormInput{
   font-family: 'Work Sans', sans-serif;
   border-radius: 5px;
   font-size: 13px;
   border:1px solid #AAAAAA;
   color:#AAAAAA;
   outline: none;
  transition: border-color 0.2s ease-in-out;
   height: 20px;
   padding: 10px;
}

.ccFormInput:-webkit-autofill
{
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
  -webkit-text-fill-color: #AAAAAA !important;
  background-color: #fff !important;
  transition: background-color 9999s ease-in-out 0s;
}



.ccFormTextArea{
   font-family: 'Work Sans', sans-serif;
   border-radius: 5px;
   border:1px solid #AAAAAA;
   outline: none;
   transition: border-color 0.2s ease-in-out;
   color:#AAAAAA;
   height: 100px;
   font-size: 13px;
   padding: 10px;
   resize:none;
}

.ccFormLabel{
  padding-bottom: 5px;
  font-size: 14px;
  font-family: 'Work Sans', sans-serif;
}
.ccFormBtn{
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: bolder;
  background-color: #f12535;
  border-radius: 30px;
  border: none;
  height: 50px;
  cursor: pointer;
}
.ccFormBtn:disabled {
  background-color: #cccccc !important;
  cursor: not-allowed;
}
/*SuccesBox*/
.succesMsg{
  width:100%;
  background-color: #F0FCF6;
  display: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 5px;
}
.succesMsg__Icon{
  width: 10%;
  color: #56B792;
}
.succesMsg__Body{
  width: 80%;
   font-family: 'Work Sans', sans-serif;
  padding: 7px;
    border-radius: 5px;
}
.succesMsg__BodyTitle{
 color: #56B792;
 font-weight: 800;
 padding-bottom:3px;
 margin: 0px;
}
.succesMsg__BodyMsg{
color: #56B792;
 font-weight: 400;
 padding: 0px;
}

/*WarningBox*/
.warningMsg{
  width: 100%;
  background-color: #FFFBF2;
  display: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 5px;
}
.warningMsg__Icon{
  width: 10%;
  color: #ED953F;
}
.warningMsg__Body{
  width: 80%;
   font-family: 'Work Sans', sans-serif;
  padding: 7px;
    border-radius: 5px;
}
.warningMsg__BodyTitle{
 color: #ED953F;
 font-weight: 800;
 padding-bottom:3px;
 margin: 0px;
}
.warningMsg__BodyMsg{
color: #ED953F;
 font-weight: 400;
 padding: 0px;
}

/*errorBox*/

.errorMsg{
  width: 100%;
  background-color: #FFF1F2;
  display: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 5px;
}
.errorMsg__Icon{
  width: 10%;
  color: #F14961;
}
.errorMsg__Body{
  width: 80%;
   font-family: 'Work Sans', sans-serif;
  padding: 7px;
    border-radius: 5px;
}
.errorMsg__BodyTitle{
 color: #F14961;
 font-weight: 800;
 padding-bottom:3px;
 margin: 0px;
}
.errorMsg__BodyMsg{
color: #F14961;
 font-weight: 400;
 padding: 0px;
}

.invalidInput{
  border: 1px solid #F14961;
}

.ccForm__Name,
.ccForm__Phone,
.ccForm__Container.flexColumn {
  position: relative;
}

.ccForm__Email{
   display: flex;
   width: 100%;
   flex-direction: column;
   position: relative;
}

.statusIcon{
  position: absolute;
  top: 36px;
  right: 10px;
  font-size: 16px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.statusIcon.success {
  color: #56B792; 
  opacity: 1;
}

.statusIcon.error {
  color: #F14961;
  opacity: 1;
}

.sliderMargin{
      margin-bottom: 50px;
}
.sliderImgContainer{
  position:relative;
}
.sliderccImg{
  width: 100%;
  max-width:100%;
  height:150px;
  border-radius:22px;
}