.full-panel-pic img {
    width: 100%;
    height: auto;
}
.full-panel-pic p {
    padding: 0;
    margin: 0;
}
.circle-text.left {
    width: 600px;
    height: 600px;
    position: absolute;
    left: 10%;
    display: flex;
    background: rgba(10, 49, 75, .7);
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
     align-items: center;
    justify-content: center;
    z-index:9
}
section.panel-circle-pic {
    position: relative;
    overflow: hidden;
    max-height: 500px;
}
section#software-partner-list .row {
    margin: 30px 0;
}
.white .circle-text.blueTxt {
    background: rgba(255,255,255,.7);
}
.white .circle-text.blueTxt > div{
    color:#1D98C3!important;
	display: flex;
    justify-content: center;
    align-items: center;
}
.col a {
    color: #fff;
    text-decoration: none;
}
.qlIcons {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.qlIcons .icon{
    display:block;
    border:3px solid var(--green);
    border-radius:50%;
    width:120px;
    height:120px;
    margin:0 auto 10px
}
.qlIcons span{
    text-align:center;
    width:100%;
    display:block;
    margin: 0 auto;
}
.qlIcons .icon .ql-icon{
    width:62px;
    height:62px;
}
.ql-icon.software-partners {
    background: transparent url(https://d2nfzhdjx5k7v7.cloudfront.net/sites/VSI/img/Partners_Software_icon.svg) no-repeat center;
    background-size: contain;
}
.ql-icon.electronic-payments {
    background: transparent url(https://d2nfzhdjx5k7v7.cloudfront.net/sites/VSI/img/Partners_ElectronicPayments_icon.svg) no-repeat center;
    background-size: contain;
}
.ql-icon.hardware-partners{
    background: transparent url(https://d2nfzhdjx5k7v7.cloudfront.net/sites/VSI/img/Partners_Hardware_icon.svg) no-repeat center;
    background-size: contain;
}
.ql-icon.data-center {
    background: transparent url(https://d2nfzhdjx5k7v7.cloudfront.net/sites/VSI/img/Partners_DataCenter_icon.svg) no-repeat center;
    background-size: contain;
}

.circle-text.blueTxt.left>div:before {
    display: block;
    width: 120px;
    height: 120px;
    background-color: var(--blue);
    content: "";
    border-radius: 50%;
    position: relative;
    float: left;
}
div[id*="PageRegionContents_Circle_Panel_Text"] {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 100px 0;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-stretch: normal;
    font-size: 50px;
    line-height: normal;
    font-family: Raleway;
    color: rgb(28, 134, 182);
    font-weight: bold;
    float: left;
}

#software-partner ::before {
    background-image: url(https://d2nfzhdjx5k7v7.cloudfront.net/sites/VSI/img/Partners_Software_icon.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
#electronic-payments ::before {
    background-image: url(https://d2nfzhdjx5k7v7.cloudfront.net/sites/VSI/img/Partners_ElectronicPayments_icon.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
#hardware-partner ::before {
    background-image: url(https://d2nfzhdjx5k7v7.cloudfront.net/sites/VSI/img/Partners_Hardware_icon.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
#data-center ::before {
    background-image: url(https://d2nfzhdjx5k7v7.cloudfront.net/sites/VSI/img/Partners_DataCenter_icon.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.partnerInfo h2 {
    color: var(--dakrestGray);
}

@media(max-width:991px) {
 [class*="col"].partnerlogo,
 [class*="col"].partnerInfo {
width: 100%;
margin-left: auto;
margin-right: auto;
       max-width: 700px;
    display: block;
    flex: none;
}
}

@media(max-width:768px) {
	
		
	div[id*="PageRegionContents_Circle_Panel_Text"],
	div[id*="PageRegionContents_Circle_Panel_Text"] p,
	div[id*="PageRegionContents_Circle_Panel_Text"] span {
		    font-size: 26px !important;
    		line-height: normal !important;
	}
	
	.circle-text.left {
    		width: 80%;
    		height: 300%;
	}

	.circle-text.blueTxt.left>div:before {
		    width: 80px;
    		height: 80px;
	}	
	
}