.comms-heading.contact-heading {
    width: 90%;
    margin: 20px auto;
    text-align: center;
    justify-content: center;
}

.comms-heading.contact-heading h3 {
    margin: 0;
    position: absolute;
}

.comms-heading.contact-heading span.heading-border {
    width: 100%;
}

.comms-heading.contact-heading h3 {
    margin: 0;
    position: absolute;
    width: auto;
    background-color: #fff;
    padding: 0 15px;
    z-index: 9;
}

.contact-touchs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 30px;
    align-items: flex-start;
}

.infotouch-left {
    width: 35%;
    background-image: url("../images/contact.png");
    height: 470px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 45px 40px;
}

.infotouch-right {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 0px 5px #00000029;
    border-radius: 5px;
    padding: 17px 20px;
}

.getting-progress {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px 50px;
}

.contact-forms {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.contact-forms .group-control {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
}

.contact-forms .group-control label {
    width: 100%;
    color: #9B9B9B;
    font-size: 14px;
    font-family: 'RobotoRegular';
    margin-bottom: 15px;
}

.contact-forms .group-control input.form-control {
    width: 100%;
    border: 1px solid #70707040;
    border-radius: 5px;
    height: 55px;
    font-size: 14px;
    color: #000;
}

.contact-forms .group-control {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
    margin-bottom: 18px;
    align-content: baseline;
}

.contact-forms .group-control.filled-covers {
    width: 100%;
}

.contact-forms .group-control textarea.form-control {
    width: 100%;
    border: 1px solid #70707040;
    border-radius: 5px;
    height: 110px;
    font-size: 14px;
    color: #000;
}

.submiting-name {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 6px;
}

.submiting-name p {
    width: 100%;
    color: #9B9B9B;
    font-size: 12px;
    margin: 0;
    line-height: 24px;
}

.submiting-btns {
    width: 100%;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
    padding-top: 6px;
}

button.contact-submit {
    background: transparent linear-gradient(258deg, #710D48 0%, #F3045B 56%, #FD4A64 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    border: 0;
    font-size: 12px;
    color: #FFFFFF;
    font-family: 'RobotoMedium';
    padding: 11px 48px;
    transition: 0.5s ease all;
}

button.contact-submit:hover {
    transition: 0.5s ease all;
    border-radius: 26px;
}

.infotouch-left h3 {
    width: 100%;
    color: #FFFFFF;
    margin: 0;
    font-size: 43px;
    font-family: 'RobotoBold';
}

.infotouch-left p {
    width: 77%;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0 0;
}

.infotouch-left a {
    background: transparent linear-gradient(260deg, #710D48 0%, #F3045B 56%, #FD4A64 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 12px;
    padding: 13px 21px;
    text-decoration: none;
    transition: 0.5s ease all;
    margin: 5px 0;
    display: inline-block;
}

.infotouch-left a:hover {
    transition: 0.5s ease all;
    border-radius: 26px;
}

.mainhandle-address {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 0 15px;
}

.mainhandle-address:before {
    content: '';
    background-image: url("../images/backmap.svg");
    background-repeat: no-repeat;
    background-position: top right;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 6%;
    z-index: -1;
}

#frequently {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.heading-points {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0 30px;
}

.heading-points h2 {
    width: 100%;
    margin: 0;
    color: #000000;
    font-size: 30px;
    font-family: 'RobotoBold';
}

.address-ranges {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.listing-conts {
   width: 33%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-left: 1px solid #70707040;
    padding: 28px 25px 0;
    margin-bottom: 42px;
}

.listing-conts h4 {
    width: 100%;
    color: #000000;
    font-size: 14px;
    font-family: 'RobotoBold';
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 15px;
}

.listing-conts h5 {
    width: 100%;
    color: #000000;
    font-size: 12px;
    font-family: 'RobotoMedium';
    margin: 0 0 6px;
}

.listing-conts h6 {
    width: 100%;
    color: #9B9B9B;
    font-size: 12px;
    margin: 0 0 10px;
}

.listing-conts p {
    width: 70%;
    margin: 0 0 10px;
    color: #9B9B9B;
    font-size: 12px;
    line-height: 22px;
}

.listing-conts ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.listing-conts ul li {
    width: 100%;
    font-size: 14px;
    color: #9B9B9B;
}

.listing-conts ul li span {
    color: #000000;
    font-family: 'RobotoMedium';
}

.listing-conts h4 span {
    margin-left: auto;
}

.imme-response {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.imme-response h3 {
    width: 100%;
    color: #000000;
    font-size: 20px;
    font-family: 'RobotoBold';
    margin: 0 0 20px;
}

.respond-lists {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 0px 25px 0 0;
    margin-bottom: 50px;
}

.respond-lists h5 {
    width: 100%;
    color: #000000;
    font-size: 12px;
    font-family: 'RobotoMedium';
    margin: 0 0 12px;
}

.respond-lists h6 {
    width: 100%;
    color: #9B9B9B;
    font-size: 12px;
    margin: 0 0 12px;
}

.respond-lists p {
    width: 70%;
    margin: 0;
    color: #9B9B9B;
    font-size: 12px;
}

.respond-lists ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.respond-lists ul li {
    width: 100%;
    font-size: 14px;
    color: #9B9B9B;
}

.respond-lists ul li span {
    color: #000000;
    font-family: 'RobotoMedium';
}

.contact-acc {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.contact-card {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.contact-title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.contact-title h4 {
    color: #000000;
    font-size: 14px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #EEEEEE;
    background: #FBFBFB;
    padding: 20px 25px;
    font-family: 'RobotoMedium';
    margin: 0;
    cursor: pointer;
}

.contact-title h4 span {
    margin-left: auto;
}

.contact-title h4 span img {
    -ms-transform: rotate(180deg);
    transform: rotate( 180deg);
    transition: 0.5s ease all;
    filter: brightness(0);
}

.contact-title.active h4 span img {
    -ms-transform: rotate(0);
    transform: rotate( 0);
    transition: 0.5s ease all;
}

.contact-panel {
    width: 100%;
    border: 1px solid #F1F1F1;
    border-radius: 5px;
    margin: 0;
    padding: 15px 25px;
    background-color: #fff;
    display: none;
}

.contact-panel p {
    width: 100%;
    font-size: 14px;
    color: #0D0D0D;
    line-height: 28px;
    margin: 0;
}

.respond-lists:before {
    content: '';
    width: 1px;
    height: 92px;
    background-color: #70707040;
    position: absolute;
    top: 0;
    right: 50px;
}

.respond-lists:last-child:before {
    display: none;
}

.imme-response.coms-abs .respond-lists:before {
    height: 110px;
}

.listing-conts h4 img.cont-flag {
    margin-right: 10px;
    position: relative;
    top: -2px;
}

img.wt-cl {
    margin-left: 5px;
    position: relative;
    top: -2px;
}

html {
    scroll-behavior: smooth;
}


/*******/

.contact-forms .group-control label.error {
    margin-bottom: 0;
}

.contact-number {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.contact-number>input#phone_no {
    width: 74%;
}

.contact-number .flag-container {
    border: 1px solid #70707040;
    border-radius: 5px;
}

.selected-flag {
    font-size: 14px;
}

ul.country-list {
    font-size: 14px;
}