.pl-0{padding-left: 0}
.pr-0{padding-right: 0}
.form-group{margin-bottom: 16px}
form  label{color: var(--purple-five); margin-bottom: 5px;}  
form .form-control
{
    color: var(--purple-five);
    background-color: #3c4cbb;
    border: 1px solid #3c4cbb;
    min-height: 40px;
}

.input-group-text{
    color: #c1c3ff !important;
    background-color: #5064d9;
    border-color: #5064d9;
}

#submitBtn span{height: 27px; display: block; }

.form-control:focus
{
    color: var(--purple-five);
    background-color: #0b1a81;
    border: 1px solid #1f81fb !important;
    box-shadow: none;
}

form label.error{
    color: #ff6977;
    margin-bottom: 5px;
    margin-top: 6px;
    font-size: 15px;
    font-weight: 300;
    width: 100%;
} 


.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7b81a8;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #7b81a8;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #7b81a8;
}


.purple-theme-offset:not(.dropdown-menu){background-color: var(--purple-light);}
 

.contact-wrap .form-control
{
    color: var(--purple-one);
    background-color: var(--input-bg);
    border: 1px solid var(--input-bg);
    font-size: 15px;
    min-height: 43px;
    font-weight: 400;
    background-clip: unset !important;
    border-radius: 50rem !important;
}
.link-text{color: #e3baff !important;}
.contact-wrap{border-radius: 20px;}
.contact-wrap .form-control:focus
{ 
    background-color: #fff;
    border: 1px solid var(--purple-two) !important;
    box-shadow: none;
}

.wrapper {width: 100%; }
.dbox { width: 100%;margin-bottom: 25px;padding: 0 20px; }
@media (min-width: 768px) {
    .dbox {margin-bottom: 0;padding: 0}
}
.dbox p { margin-bottom: 0; }
.dbox p span {font-weight: 500;}
.dbox .icon {width: 80px;height: 80px;border-radius: 50%;background: var(--purple-two);  margin: 0 auto;margin-bottom: 20px; }
.dbox .icon i {font-size: 28px;color: var(--purple-light); }
.dbox .text {width: 100%; }
.btn.btn-primary { padding-top: 10px; padding-bottom: 10px }
  
.contactForm .label {text-transform: capitalize; }
.contactForm .form-control { border: none; }
  
#map {width: 100%; }

@media (max-width: 767px) {
      #map {
        height: 350px !important; 
    } 
    .pl-0{padding-left: calc(var(--bs-gutter-x) * 0.5) !important;}
    .pr-0{padding-right: calc(var(--bs-gutter-x) * 0.5) !important;}
}
  
 
  
#message {
    resize: vertical; 
}

  
.submitting {
    float: left;
    width: 100%;
    padding: 10px 0;
    display: none;
    font-size: 16px;
    font-weight: 500;
    color: #2553b8; 
}

#map{height: 100%}
#map iframe {height: 100%}