#contactSectionContainer{
    background-color: #F7FBFC;
    padding: 55px 0;
}
#contactSectionInnerContainer{
    display: flex;
    padding: 33px 77px;
    gap: 50px;
    margin: 33px 55px;
    justify-content: center;
    align-items: center;
}
#contactInfoContainer{
    width: 52%;

}
#contactSectionBtnContainer{
    display: flex;
    justify-content: space-between;
    gap: 33px;

}
#contactSectionBtnContainer .contactSectionBoxes{
    padding: 20px;
    width: 100%;
 
    text-decoration: none;
}
.contactSectionBoxes>div>div>h4{
       font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: black;
    
}
.contactSectionBoxes>div>div>p{
    margin-bottom: 0;
        font-size: 20px;
    font-weight: 400;
}
.contactSectionBoxes>div>div>p>span{
  text-decoration: none;
  color: #004955;
}
#contactSectionHeading{
       margin-bottom: 25px;
}
#contactSectionHeading h2{
        font-size: 36px;
    font-weight: 600;
    line-height: 32px;
}
#contactSectionDescription{
    margin-bottom: 20px;
}
#contactSectionDescription p{
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: .2px;
}
#contactSectionGmailIcon{
     color: rgb(255, 255, 255);
    height: 40px;
    font-size: 22px;
    margin: 0 7px;
    width: 40px;
    background-color: #004955;
    transition: all 0.3s ease-in-out;
}
.warningContact {
  box-shadow: 0 0 10px red !important;
  background: url('https://cdn.icon-icons.com/icons2/3641/PNG/512/info_red_button_icon_227838.png') no-repeat center center/cover;
  background-size: 22px;
  background-position: right;
}
.successContact {
    box-shadow: 0 0 10px rgb(0, 255, 38) !important;
  background: url('https://upload.wikimedia.org/wikipedia/commons/a/ac/Green_tick.svg') no-repeat center center/cover;
  background-size: 22px;
  background-position: right;
}
.contactMessageColor{
    color:  rgb(0, 255, 38)!important;
}
#contactSectionGmailIcon svg{
    fill: white;
    
}
#contactSectionPhoneIcon{
    color: rgb(255, 255, 255);
    height: 40px;
    font-size: 22px;
    margin: 0 7px;
    width: 40px;
    background-color: #004955;
    transition: all 0.3s ease-in-out;
    fill: white;
}
.contactSectionBoxes{
    background-color: rgb(255, 255, 255);

}

#contactSectionTalkToOurExpertOuterContainer{
    width: 34%;
}
#contactSectionTalkToOurExpertContainer{
    /* position: absolute;
    top: 0; */
    /* height: 100vh; */
    background-color: rgb(255, 255, 255);
    /* width: 100vw; */
    /* z-index: 100; */
    display: flex;
    justify-content: center;
    align-items: center;


}
#contactSectionTalkToOurExpertInnerContainer{
    width: 100%;
}
#contactSectionTalkToOurExpertInnerContainer>form>div>input,#contactSectionTalkToOurExpertInnerContainer>form>div>textarea{
    background-color: #F5F5F5;
}
#TalkToOurExpertFormSubmitBtn{
    height: 42px;
    width: 150px;
       /* background-color: #02465D; */
    padding: 8px 0;
    transition: all 0.1s ease-in-out;
}

.submitForm{
       background-color: #02465D;
 
}
.submittingForm{
       background-color: #ffc4007b;
       cursor: progress;
       
}
.submitFormSuccessfully{
       cursor: no-drop;
       background-color: #22e400;
 
}
.formNotSubmitted{
       background-color: #e40000;
 
}
.submitForm:hover{
       background-color: #002a39;
    color: rgb(199, 199, 199)!important;
}
.contact-error-message{
    font-size: 12px;
}
@media (max-width: 1364.5px) {

#contactSectionInnerContainer {
    padding: 33px 7px;
    margin: 33px 5px;
    gap: 20px;
  
}
#contactInfoContainer {
    width: 76%;
}
#contactSectionTalkToOurExpertOuterContainer {
    width: 50%;
}
}
@media (max-width: 991.5px) {
#contactSectionInnerContainer {
    padding: 33px 7px;
    margin: 33px 5px;
    gap: 20px;
  
}
#contactSectionBtnContainer {
 
    flex-direction: column;
}
#contactInfoContainer {
    width: 60%;
}
#contactSectionTalkToOurExpertOuterContainer {
    width: 70%;
}
#contactSectionHeading h2 {
    font-size: 22px;

}
#contactInfoContainer {
    width: 100%;
}
#contactSectionDescription p {
    font-size: 15px;

}
}

@media (max-width:730.5px) {

#contactSectionInnerContainer {
 
    flex-direction: column;
}
#contactSectionBtnContainer > div>div {
 flex-direction: column;
 height: 100%;
}
#contactSectionBtnContainer > div>div >div{
margin: 8px 3px;
}
#contactSectionBtnContainer > div {
    padding: 10px;
    justify-content: center!important;
}
}
@media (max-width: 520.5px) {
#contactSectionTalkToOurExpertOuterContainer {
    width: 100%;

}
#contactSectionTalkToOurExpertInnerContainer {
    padding: 18px!important;
}

}
@media (max-width: 400.5px) {

#TalkToOurExpertFormSubmitBtn {
padding-left: 2rem!important;
padding-right: 2rem!important;
}
}

@media (max-width: 310.5px) {

}