.ctact-left{
  width: calc(100% - 675px);
  padding-right: 145px;
}
.ctact-right{
  width: 675px;
  background-color: var(--footer);
  padding: 38px 40px;
}
.ctact-left .heading-36{
  margin-bottom: 26px;
}

.map-wrap{
  border-radius: 10px;
  overflow: hidden;
  margin-top: 50px;
}
.ctact-left .contact-info li{
  width: 50%;
}
.ctact-left .contact-info li .ctbox a ,
.ctact-left .contact-info li .ctbox p ,
.ctact-left .contact-info li .ctbox label{
  color: var(--paragraph);
}
.ctact-left .contact-info li .ctbox a {
  &:hover{
    color: var(--blue);
    text-decoration: underline;
  }
}
.ctact-left .contact-info li .ctbox label{ 
font-weight: 600;
}
.ctact-left .contact-info li:not(:last-child){
  margin-bottom: 32px;
}
.ctact-right .intro p , 
.ctact-right .intro [class*="heading-"]{
  color: var(--white);
}
.ctact-right .intro{
  margin-bottom: 20px;
}
.ctact-right .intro [class*="heading-"]{
  margin-bottom: 0;
}

.ctact-right  .ft-circle-shape{
  position: absolute;
    bottom: -42px;
    left: -52px;
    max-width: 210px;
}

.ctact-left .contact-info {
  & li {
      .ctbox {
          align-items: flex-start;
      }
  }
}

.form-group.width100.flex-container.wrap{
  margin-bottom: 0;
}

/* ********* START MEDIA QUERY *********  */

@media (max-width: 1599.99px) {
  

}
@media (max-width: 1439.99px) {
  .ctact-left {width: calc(100% - 500px);padding-right: 80px;}
  .ctact-right {width: 500px;}

}

@media (max-width: 1199.99px) {
  .ctact-left{padding-right: 30px;}
  .ctact-right{padding: 30px;}
  .ctact-left .contact-info li {width: 100%;}
  .ctact-left .contact-info li:not(:last-child) {margin-bottom: 22px;}
  .map-wrap{margin-top: 35px;}

}
@media (max-width: 991.99px) {
  .ctact-left {width:100%;padding-right:0;}
  .ctact-right {margin-top: 30px;width: 100%;}
  .ctact-left .contact-info li {width: 50%;}


  }

@media (max-width: 575.99px) {
   .ctact-left .contact-info li {width: 100%;}
   .ctact-right {padding: 20px;}
}