.contact-main-wrapper .personImage {background-size: contain;width: 160px;height: 160px;border-radius: 8px;background-repeat: no-repeat;background-position: bottom;}
.contact-main-wrapper .verticalLineDisable{display:none !important;}
.contact-main-wrapper .media-card-person-image {width: auto;}
/*.contact-main-wrapper span.icon.icon-arrow {font-size: 2rem;vertical-align: central;align-items: center; display: inline-grid;text-align: center;height: 100%;width: 100%;color: #fff;}*/
.contact-main-wrapper .one-col .media-contact-card-parent {text-align: center;}
.contact-main-wrapper .main-parent {display: flex;}
.contact-main-wrapper p.h2 {color: var( --cobalt-prime);}
.contact-main-wrapper p.h6 {color: var(--cobalt-light);margin-bottom: 12px;}
.contact-main-wrapper .desc{margin-top: 16px;}
.contact-main-wrapper .two-column-selected .line-parent, .one-column-selected .line-parent {display: none;}
.contact-main-wrapper .one-column .media-contact-card-parent {padding: 30px;text-align: center;}
.contact-main-wrapper .one-column .media-contact-card-container {height: 380px;margin-top: 0px;}
.contact-main-wrapper .body-small.mail-id-text {margin-left: 7px;}
.contact-main-wrapper .up-side-container {position: relative;margin-bottom: 40px;}
.contact-main-wrapper .mail-id-parent, .contact-main-wrapper .phone-number-parent {width: 100%;height: 100%;}
.contact-main-wrapper .body-small.mail-id-text {margin: 0;padding: 0;position: relative;vertical-align: top;margin-left: 8px;}
.contact-main-wrapper .body-small.phone-number-text {margin: 0;padding: 0;position: relative;vertical-align: top;margin-top: -5px;margin-left: 4px;}
.contact-main-wrapper .body-small.phone-number-text a {color: var(--graphite-prime);}
.contact-main-wrapper .left-content-cta {position: relative;margin-top: 6px;}
.contact-main-wrapper .media-contact-card { position: relative;margin-top: 20px;}
.contact-main-wrapper p.h4 {margin-bottom: 7px;}
.contact-main-wrapper .phone-email-wrapper{margin-top: 28px}
.contact-main-wrapper .phone-number-parent {position: relative;}
.contact-main-wrapper .media-contact-card p.h4 {margin-bottom: 7px;}
.contact-main-wrapper .upper-content-cta {position: relative;margin-top: 4px;}
.contact-main-wrapper .arrowIconImage {height: 44px;width: 44px;top: -10px;position: relative;border: 1px solid #fff;}
.contact-main-wrapper .media-contact-card-container:hover .arrowIconImage{opacity: 1;}
.contact-main-wrapper .media-card-person-image {position: relative;}
.contact-main-wrapper .contact-content{flex-direction: column;}
.contact-main-wrapper .media-contact-card-container:hover .person-info-link {opacity: 1;}
.contact-main-wrapper .person-info-link{height: 44px;width: 44px;top: 0px;left: auto;position: absolute;right: 0px;opacity: 0;border: 1px solid #fff;border-radius: 4px;color: var(--white-light);font-size: 22px;display: flex;justify-content: center;align-items: center;}
.contact-main-wrapper .up-side-container .line-box::after {content: '';position: absolute;bottom: 0px;height: 6px;width: 6px;border-radius: 100%;left: -2px;background: var(--cobalt-prime);}
.contact-main-wrapper .up-side-container .line-box {position: absolute;height: calc(100% + 220px);top: -128px;width: 1px;right: 100px;z-index: 1;background: var(--cobalt-prime);}
.contact-main-wrapper .media-contact-card-container {background: var(--white-light);box-shadow: var(--big-shadow);border-radius: 20px;width: 100%;}
.contact-main-wrapper .media-contact-card-parent {padding: 30px;}
.contact-main-wrapper .media-phone-image {width: 18px;height: 18px;background-size: 100% 100%;display: inline-block;}
.contact-main-wrapper .media-mailId-image {height: 20px;width: 20px;display: inline-block;}
.contact-main-wrapper .contact-upper-container{ z-index: 3;position: relative;}
.contact-main-wrapper .contact-lower-container {background: var(--lithium-gradient);height: 258px;width: 100%;position: relative;margin-top: -142px;z-index: 1;}
.contact-main-wrapper .media-contact-card .h4 {color: var(--cobalt-prime);}
.contact-main-wrapper .media-contact-card p.tagSmall {color: var(--cobalt-light);text-transform: uppercase;font-weight:400;}
.contact-main-wrapper .phone-number-parent, .contact-main-wrapper .phone-number-text, .mail-id-parent, .mail-id-text {display: inline-block;color: var(--graphite-prime);}
.contact-main-wrapper .media-contact-card-container:hover {background:  var(--cobalt-gradient);border-radius: 12px;box-shadow: none;-webkit-transition: all 0.7s ease 0s;-ms-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;}
.contact-main-wrapper .media-contact-card-container:hover .tagSmall, .contact-main-wrapper .media-contact-card-container:hover .h4, .contact-main-wrapper .media-contact-card-container:hover .phone-number-text{color:#fff;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition:  all 0.3s ease-in-out;-o-transition:  all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.contact-main-wrapper .media-contact-card-container .mail-id-text a {text-decoration: underline;color: var(--graphite-prime);}
 .contact-main-wrapper .media-contact-card-container:hover .mail-id-text a, .contact-main-wrapper .media-contact-card-container:hover .phone-number-text a {color:#fff;}
.contact-main-wrapper .media-contact-card-container:hover .media-phone-image{background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/contact/phone-hover-image.png) !important;}
.contact-main-wrapper .media-contact-card-container:hover .media-mail-image{background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/contact/mail-hover.png) !important;}
.contact-main-wrapper .media-mail-image {height: 20px;width: 20px;display: inline-block;margin-top: 3px;}
.contact-main-wrapper .contact-lower-container.hideBg{display:none;}
.contact-main-wrapper .media-contact-card-container.oneCard .media-contact-card-parent{text-align: center;}
.contact-main-wrapper .media-contact-card-container.oneCard .personImage{margin:auto;}
.contact-main-wrapper .down-side-container .row > div{display:flex;}

.contact-main-wrapper .media-contact-card-container.focus .arrowIconImage{opacity: 1;}
.contact-main-wrapper .media-contact-card-container.focus .person-info-link {opacity: 1;}
.contact-main-wrapper .media-contact-card-container.focus {background:  var(--cobalt-gradient);border-radius: 12px;box-shadow: none;-webkit-transition: all 0.7s ease 0s;-ms-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;}
.contact-main-wrapper .media-contact-card-container.focus .tagSmall, 
.contact-main-wrapper .media-contact-card-container.focus .h4, 
.contact-main-wrapper .media-contact-card-container.focus .phone-number-text{color:#fff;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition:  all 0.3s ease-in-out;-o-transition:  all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.contact-main-wrapper .media-contact-card-container.focus .mail-id-text a, 
.contact-main-wrapper .media-contact-card-container.focus .phone-number-text a {color:#fff;}
.contact-main-wrapper .media-contact-card-container.focus .media-phone-image{background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/contact/phone-hover-image.png) !important;}
.contact-main-wrapper .media-contact-card-container.focus .media-mail-image{background-image: url(/~/media/Images/p/prosus-corp-v2/prosus-images/contact/mail-hover.png) !important;}


@media all and (min-width:768px) and (max-width:  991.98px){
.contact-main-wrapper span.icon.icon-arrow {font-size: 1.6rem;}
.contact-main-wrapper .person-info-link {height: 32px;width: 32px;top: 0px;position: absolute;right: 0px;}
.contact-main-wrapper .two-column-selected .media-contact-card-container {height: auto;background:  var(--white-light);box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);border-radius: 20px;max-width: 344px;}
.contact-main-wrapper .three-col .media-contact-card-container{width: 224px;height: auto;}
.contact-main-wrapper .personImage {background-size: 100% 100%;width: 120px;height: 120px;}
.contact-main-wrapper .media-contact-card-parent {padding: 16px;}
.contact-main-wrapper .down-side-container.d-flex {margin-top: 32px;}
.contact-main-wrapper .media-contact-card p.h4 {margin-bottom: 2px;}
.contact-main-wrapper .phone-number-parent {margin-top: 16px;margin-bottom: 12px;}
.contact-main-wrapper .body-small.mail-id-text {margin-left: 0;width: auto;margin-top: 2px;}
.contact-lower-container {margin-top: -136px;z-index: -1;}
.contact-main-wrapper .up-side-container .line-box {height: 96px;right: 60px;bottom: -75px;
top: auto;}
.contact-main-wrapper .two-col .media-contact-card-container {width: 344px;height: 332px;}
.contact-main-wrapper .contact-lower-container{height: 200px;margin-top: -136px;}
/*.contact-main-wrapper .media-contact-card-container.oneCard .personImage {margin: inherit;}*/
/*.contact-main-wrapper .media-contact-card-container.oneCard .media-contact-card-parent {text-align: left;}*/
.contact-main-wrapper .body-small.phone-number-text{margin-top: -3px;}
.contact-main-wrapper .media-phone-image {width: 16px;height: 16px;}
}

@media only screen and (max-width:  767.98px){
.contact-lower-container {margin-top: -96px;}.contact-main-wrapper .media-contact-card-container {height: 100% !important;width: 100% !important;;border-radius: 12px;}
.contact-main-wrapper .down-side-container .row > div{margin-bottom:24px;}
.contact-main-wrapper .personImage {width: 120px;height: 120px;}
.contact-main-wrapper .media-contact-card-parent {padding: 16px;}
.contact-main-wrapper .down-side-container.d-flex {flex-direction: column;}
.contact-main-parent {margin-bottom: 24px;}
.contact-main-parent:last-child {margin-bottom: 0px;}
.contact-main-wrapper .contact-lower-container {height: 124px;margin-top: -100px;}
.contact-main-wrapper .arrowIconImage {height: 32px;width: 32px;top: -87px;right: -152px;background-size: 100% 100%;}
.contact-main-wrapper .up-side-container.d-flex {display: block !important;}
.contact-main-wrapper .media-contact-card p.h4 {margin-bottom: 4px;}
.contact-main-wrapper .main-parent {flex-direction: column;}
.contact-main-wrapper .person-info-link {height: 32px;width: 32px;}
.contact-main-wrapper .line-parent {display: none;}
.contact-main-wrapper .down-side-container.d-flex {margin-top: 24px;}
.contact-main-wrapper .one-col .media-contact-card-parent {text-align: left;}
.contact-main-wrapper .up-side-container{margin-bottom: 24px;}
}