.contact-cta-section li a img.hover-img{
display:none;
}
.contact-cta-section li a:hover img.hover-img{
display:block;
}
.contact-cta-section li a:hover img.noraml-img{
display:none;
}
.contact-cta-section li a:hover {
  background-color: #FFFFFF !important;
}
.map {
  background-color: #F5F6F7; }

.contact-us-page-cta .contact-cta-section {
  padding: 0 !important;
  background: linear-gradient(276.64deg, #1D3665 -12.37%, #2A8DCD 99.07%); }

.contact-us-page-cta .row {
  align-items: center; }

.contact-us-page-cta .right-side article {
  padding: 72px 30px;
  margin-top: -70px;
  margin-bottom: -70px;
  position: relative;
  z-index: 1;
  box-shadow: 0px 16px 50px 0px #061C3D47; }

.contact-us-page-cta .left-side .email {
  display: none; }

.contact-us-page-cta .left-side .contact {
  margin-top: 50px; }

/* .contact-us-page-cta .left-side .contact ul li a:hover {
  background-color: #fff; } */

.contact-us-page-cta .left-side .contact ul li a:hover i {
  color: #1877F2; }

.contact-us-page-cta h2 span.blue-txt {
  color: #fff; }

.contact-us-page-cta .left-side p {
  padding-right: 180px; }

.contact-info-section {
  padding-bottom: 190px; }

.contact-info-section .inner-box:nth-child(1) article {
  background-image: url(../images/call-bg.png); }

.contact-info-section .inner-box:nth-child(2) article {
  background-image: url(../images/email-bg.png); }

.contact-info-section .inner-box:nth-child(3) article {
  background-image: url(../images/location-bg.png); }

.contact-info-section .inner-box article {
  background-repeat: no-repeat;
  padding: 60px 30px;
  background-size: 100% 100%;
  position: relative;
  margin-right: 30px; }

.contact-info-section .inner-box article h4 {
  font-family: 'Colasta';
  font-size: 23px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 10px;
  color: #fff;
  letter-spacing: 0.03em; }

.contact-info-section .inner-box article p {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.01em;
  color: #fff; }

.contact-info-section .inner-box article p a {
  color: #fff; }

.contact-info-section .inner-box article .content:nth-child(2) {
  margin-top: 48px; }

.contact-info-section .inner-box article .icon {
  position: absolute;
  right: -20px;
  top: -10px;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px; }

.contact-info-section .inner-box:nth-child(1) article .icon {
  background-color: #2A8DCD; }

.contact-info-section .inner-box:nth-child(2) article .icon {
  background-color: #00A4CF; }

.contact-info-section .inner-box:nth-child(3) article .icon {
  background-color: #06BCC0; }








@media (max-width: 575.98px){

    .contact-info-section .inner-box article {
        padding: 40px 20px;
        margin-bottom: 30px;
        margin-right: 20px; }
      .contact-info-section .inner-box article h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 8px;
        letter-spacing: 0.05em; }
      .contact-info-section .inner-box article p {
        font-size: 17px;
        line-height: 27px;
        letter-spacing: 0; }
      .contact-info-section .inner-box:nth-child(3) article {
        margin-bottom: 0; }
      .contact-us-page-cta .left-side p {
        padding-right: 0; }
      .contact-us-page-cta .contact-cta-section{
        padding: 50px 0 120px!important; }

        .contact-info-section .inner-box article .icon{height: 50px; width: 50px;}
        .contact-info-section .inner-box article .icon img{    width: 20px;}
        .contact-info-section { padding-bottom: 50px; }
.contact-us-page-cta .right-side article { padding: 28px 20px; margin-top: 50px;}

}


@media (min-width: 576px) and (max-width: 767.98px){

    .contact-info-section .inner-box article {
        padding: 40px 20px;
        margin-bottom: 30px;
        margin-right: 20px; }
      .contact-info-section .inner-box article h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 8px;
        letter-spacing: 0.05em; }
      .contact-info-section .inner-box article p {
        font-size: 17px;
        line-height: 27px;
        letter-spacing: 0; }
      .contact-info-section .inner-box:nth-child(3) article {
        margin-bottom: 0; }
      .contact-us-page-cta .left-side p {
        padding-right: 0; }
      .contact-us-page-cta .contact-cta-section{
        padding: 50px 0 120px !important; }

        .contact-info-section .inner-box article .icon{height: 50px; width: 50px;}
        .contact-info-section .inner-box article .icon img{    width: 20px;}
        .contact-info-section { padding-bottom: 50px; }
.contact-us-page-cta .right-side article { padding: 28px 20px; margin-top: 50px;}

}


@media (max-width: 767.98px) and (orientation: landscape){

    .contact-info-section .inner-box article {
        padding: 40px 20px;
        margin-bottom: 30px;
        margin-right: 20px; }
      .contact-info-section .inner-box article h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 8px;
        letter-spacing: 0.05em; }
      .contact-info-section .inner-box article p {
        font-size: 17px;
        line-height: 27px;
        letter-spacing: 0; }
      .contact-info-section .inner-box:nth-child(3) article {
        margin-bottom: 0; }
      .contact-us-page-cta .left-side p {
        padding-right: 0; }
      .contact-us-page-cta .contact-cta-section{
        padding: 50px 0 120px!important; }

        .contact-info-section .inner-box article .icon{height: 50px; width: 50px;}
        .contact-info-section .inner-box article .icon img{    width: 20px;}
        .contact-info-section { padding-bottom: 50px; }
.contact-us-page-cta .right-side article { padding: 28px 20px; margin-top: 50px;}

}


@media (min-width: 768px) and (max-width: 991.98px){

    .contact-info-section .inner-box article {
        padding: 40px 20px;
        margin-bottom: 30px;
        margin-right: 20px; }
      .contact-info-section .inner-box article h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 8px;
        letter-spacing: 0.05em; }
      .contact-info-section .inner-box article p {
        font-size: 17px;
        line-height: 27px;
        letter-spacing: 0; }
      .contact-info-section .inner-box:nth-child(3) article {
        margin-bottom: 0; }
        .contact-info-section .inner-box article .icon{height: 50px; width: 50px;}
        .contact-info-section .inner-box article .icon img{    width: 20px;}
        .contact-info-section { padding-bottom: 50px; }
.contact-us-page-cta .right-side article { padding: 28px 20px; margin-top: 0;}
.contact-us-page-cta .contact-cta-section { padding: 50px 0 !important; }


}
@media (min-width: 992px) and (max-width: 1199.98px){

    .contact-info-section .inner-box article {
        padding: 30px 20px;
        padding-right: 10px; }
      .contact-info-section .inner-box article p {
        font-size: 14px;
        line-height: 25px; }
      .contact-info-section .inner-box article .icon {
        right: -16px;
        top: -13px;
        height: 45px;
        width: 45px; }
      .contact-info-section .inner-box article .icon img {
        width: 20px; }
      .contact-info-section {
        padding-bottom: 150px; }
      .contact-us-page-cta .left-side p {
        padding-right: 120px; }
      .contact-info-section .inner-box article h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 6px; }
      .contact-info-section .inner-box article .content:nth-child(2) {
        margin-top: 40px; }


}
@media (min-width: 1200px) and (max-width: 1399.98px){
    .contact-info-section .inner-box article {
        padding: 40px 20px; }
      .contact-info-section .inner-box article p {
        font-size: 18px; }
      .contact-info-section .inner-box article .icon {
        right: -10px;
        top: 0px;
        height: 50px;
        width: 50px; }
      .contact-info-section {
        padding-bottom: 150px; }
      .contact-us-page-cta .left-side p {
        padding-right: 120px; }
      .inner-page-banner .left-side {
        padding-right: 40px; }
      .portfolio-details-page-banner .right-side .img {
        width: calc(100vw - 120%); }
}