/*  SECTION 1  */
.quote {
	position: relative;
	margin: 32px 12px;
}
.quote-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.quote-icon img {
    width: clamp(24px, 4vw, 40px);
}
.quote-content {
  flex: 1;
  padding: 1.5rem 0 1rem;
}

.quote-desc p:last-child {
  margin-bottom: 0;
}

.quote .left-image {
  flex-direction: inherit;
}

.quote .right-image {
  flex-direction: row-reverse;
}

.quote .left-image .quote-content, .quote .right-image .quote-content {
    margin: 0 1.5rem;
}

/*  SECTION 2  */
.info-quote {
  position: relative;
  padding: 2rem;
  overflow: visible;
}

.info-quote p {
  line-height: 1.6;
}

.quote-icon-left,
.quote-icon-right {
  position: absolute;
  width: 4.375rem;
  height: auto;
}

.quote-icon-left {
    top: -12px;
    left: 0;
}
.border-radius .icon-top .quote-icon-left {
    left: 1rem;
}
.icon-bottom-right .quote-icon-right {
	bottom: -12px;
	right: 0;
}
.icon-bottom img, .icon-bottom-right img, .reverse {
	transform: rotate(180deg);
	z-index: 1;
}
.border-radius .icon-bottom-right .quote-icon-right {
    right: 1rem;
}

.quote.border-radius {
	border-radius: 25px;
}

.icon-top-right img {
    right: 0;
    top: -12px;
    transform: rotate(180deg);
}

.border-radius .icon-top-right img {
    right: 1rem;
}

.quote-shadow,
.quote-shadow.fully-rounded .container-fluid {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.quote-wrap .quote-image {
	max-width: 25%;
	overflow: hidden;
}
.slightly-rounded {
	border-radius: clamp(24px, 1vw, 36px);
}
.fully-rounded {
	border-radius: 50% 50% 50% 50% / 60% 60% 45% 45% !important;
}

.fully-rounded .container-fluid {
	position: relative;
	border-radius: 50% 50% 50% 50% / 60% 60% 45% 45% !important;
	padding: 2.5rem 3rem;
}
.component.quote>div {
    padding: 0 !important;
}
.fully-rounded .container-fluid .info-quote {
    border-radius: 50%;
}
.fully-rounded .info-quote .quote-icon-left {
    top: 3rem;
	left: 6%;
}
.fully-rounded .info-quote .quote-icon-right {
    bottom: 2.4rem;
	right: 5%;
}
.cool-rounded .icon-bottom-right .quote-icon-right {
    transform: rotate(180deg);
}
.cool-rounded:not(.border-radius) .icon-bottom-right .quote-icon-right,
.cool-rounded:not(.border-radius) .icon-top-right .quote-icon-right {
	right: 0;
}
.cool-rounded .icon-bottom-right .quote-icon-right,
.cool-rounded .icon-top-right .quote-icon-right {
	right: 1rem;
}
.cool-rounded:not(.border-radius) .icon-top img {
    left: 0;
}
.cool-rounded {
	border: none !important;
}

.quote.border-radius.cool-rounded {
	border-radius: 0 !important;
}
.cool-rounded::after {
	content: '';
    width: 100%;
    display: block;
    background: url("../images/quoteslant-xl.svg");
    height: 60px;
    background-repeat: no-repeat;
    background-position: left 2px bottom -2px;
    background-size: 100%;
	transform: scaleX(-1);
	position: relative;
    bottom: -2px;
    left: -2px;
}

.fully-rounded .icon-top-right .quote-icon-right {
    top: 5%;
    right: 20%;
}
.slightly-rounded .icon-bottom-right .quote-icon-right {
    bottom: -12px;
}
.quote.zoom-effect img {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.quote.zoom-effect .quote-image:hover img {
	-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

/* BORDER TAIL */
.slightly-rounded::before,
.slightly-rounded::after,
.fully-rounded::before,
.fully-rounded::after {
  content: "";
  position: absolute;
  border-style: solid;
}

.slightly-rounded::before,
.slightly-rounded::after {
	left: 2.5rem;
	border-width: 22px 20px 0;
}
.slightly-rounded::before {
  bottom:-22px;
}
.slightly-rounded::after {
  bottom: -20px;  
}

.fully-rounded::before,
.slightly-rounded::before {
    border-color: var(--dynamic-border-color, transparent) transparent transparent transparent;
}

.fully-rounded::after,
.slightly-rounded::after {
    border-color: var(--dynamic-bg-color, transparent) transparent transparent transparent;
}

.quote .secondary-links ul li:last-child {
    padding-right: 0 !important;
}
.quote-title .quote-icon {
	position: relative;
	display: inline-block;
}
.quote.zoom-effect .btnLink img {
    transform: translateY(-50%);
}
.slightly-rounded.pointer-right::before, 
.slightly-rounded.pointer-right::after {
    right: 4rem;
    left: auto;
}
.cool-rounded.pointer-right::after {
    transform: none;
    margin-left:0px;
	height:62px;
}
.fully-rounded::before, .fully-rounded::after {
    right: 50%;
    left: 50%;
    border-width: 30px 20px 0;
    transform: translate(-50%, 0);
}
.fully-rounded::before{
	bottom: -30px;
}
.fully-rounded::after {
	bottom: -28px;
}
.fully-rounded .info-quote .quote-title {
    margin-top: 1.5rem;
}
.cool-rounded .info-quote {
    padding-bottom: 0;
}
.overflow-quote {
    overflow: hidden;
}

.quote-content .heading-with-uline:hover .label-underline {
    background-color: var(--hoverBg, unset) !important;
}
.quote.fully-rounded {
    margin-bottom: 3rem;
}
.three-col .fully-rounded .container-fluid .info-quote {
	padding: 15% !important;
}
.four-col .fully-rounded .container-fluid .info-quote {
	padding: 10% !important;
}
.fully-rounded .info-quote > .col-12 {
    max-width: 90%;
    margin: 0 auto;
}
.twelve-col .cool-rounded::after {
	height: 88px;
}
/* Responsive media query */
@media (min-width: 2100px) {
	.cool-rounded::after, .twelve-col .cool-rounded::after {
		height: 125px;
	}
}

@media (min-width: 2800px) { 
	.cool-rounded::after, .twelve-col .cool-rounded::after {
		height: 150px;
	}
	
	.fully-rounded .info-quote .quote-icon-right {
		right: 22%;
	}
	.fully-rounded .info-quote .quote-icon-left {
		left: 22%;
	}
}
@media (min-width: 3600px) {
	.fully-rounded .icon-top-right .quote-icon-right {
		top: 2%;
		right: 16%;
	}	
	.cool-rounded::after, .twelve-col .cool-rounded::after {
		height: 210px;
	}
	.cool-rounded.pointer-right::after {
		margin-left: 2px;
	}
	.fully-rounded::before, .fully-rounded::after {
		border-width: 60px 50px 0;
	}
	.fully-rounded::before {
		bottom: -60px;
	}
	.fully-rounded::after {
		bottom: -56px;
	}
	.component.fully-rounded .container-fluid {
		padding: 2.5rem 3rem !important;
	}
	.quote.fully-rounded {
		margin-bottom: 5rem;
	}
}
@media (min-width: 5000px) {
	.cool-rounded::after {
		height: 250px;
	}
	.twelve-col .cool-rounded::after {
		height: 266px;
	}	
	.fully-rounded .info-quote .quote-icon-right {
		right: 20%;
	}
	.fully-rounded .info-quote .quote-icon-left {
		left: 20%;
	} 
	
}
@media (min-width:768px) and (max-width: 1280px) {
	.quote .left-image .quote-content {
		margin-left: 2rem;
	}
	
	.cool-rounded::after, .twelve-col .cool-rounded::after {
		height: 60px;
	}
	.fully-rounded::before {
		bottom: -29px;
	}
	.fully-rounded::after {
		bottom: -27px;
	}
	.three-col .fully-rounded .container-fluid .info-quote {
		padding: 20% 15% !important;
	}
	.four-col .fully-rounded .container-fluid .info-quote {
		padding: 15% !important;
	}
}
@media (max-width: 991px) {
	.four-col .fully-rounded .container-fluid .info-quote {
		padding: 8% 10% !important;
	}
	.three-col .fully-rounded .container-fluid .info-quote {
		padding: 10% 10% !important;
	}
	.fully-rounded .info-quote .quote-title {
		margin-top: 1rem;
	}
}
@media (max-width: 767.9px) {
	.fully-rounded .info-quote .quote-title {
		padding-top: 20px;
	}
	.fully-rounded  .info-quote > .col-12 {
		max-width: 100%;
	}
	.quote-icon-left, .icon-top-right img {
		top: -.5rem;
	}
	.slightly-rounded .icon-bottom-right .quote-icon-right,
	.icon-bottom-right .quote-icon-right	{
		bottom: -.5rem;
	}
	.quote .right-image .quote-content {
		margin: 0 1rem !important;
		padding: 2rem 0 1rem;
	}

  .quote-wrap {
	flex-direction: column;
	margin:0 1rem;
  }

  .quote-image, .quote-content, .quote-wrap .quote-image {
	max-width: 100%;
  }

  .quote-content {
    padding: 1rem 0;
    margin: 1rem 0 !important;
  }
  
  .quote-wrap .quote-image {
    justify-content: center;
    display: flex;
  }
  
  .info-quote {
    padding: 1rem;
  }
  .quote {
    margin: 1.5rem 1rem;
  }
  .cool-rounded::after, .twelve-col .cool-rounded::after {
    height: 35px;
  }
  .three-col .fully-rounded .container-fluid .info-quote {
    padding: 10% !important;
  }
  .six-col .fully-rounded .info-quote .quote-title,
  .nine-col .fully-rounded .info-quote .quote-title, 
  .eight-col .fully-rounded .info-quote .quote-title,
  .twelve-col .fully-rounded .info-quote .quote-title{
	  margin-top: 0;
  }
}
@media (max-width: 650px) {
	.fully-rounded .info-quote .quote-title {
		padding-top: 0;
		margin-top: 0;
	}
	.fully-rounded  .info-quote > .col-12 {
		max-width: 90%;
	}
	.three-col .fully-rounded .container-fluid .info-quote,
	.four-col .fully-rounded .container-fluid .info-quote	{
		padding: 10% !important;
	}	
}
@media (max-width: 480px) {
	.fully-rounded  .info-quote > .col-12 {
		max-width: 100%;
	}
	.three-col .fully-rounded .container-fluid .info-quote,
	.four-col .fully-rounded .container-fluid .info-quote	{
		padding: 15% !important;
	}
}