.gem-textbox,
.gem-textbox-wrapper,
.gem-textbox .gem-textbox-content,
.gem-textbox .gem-texbox-icon-image-wrapper .elementor-icon,
.gem-textbox .gem-texbox-icon-image-wrapper .elementor-icon i,
.gem-textbox .gem-image,
.gem-textbox .gem-image img,
.gem-textbox .gem-image span,
.gem-textbox .gem-image span:before,
.gem-textbox .gem-textbox-title,
.gem-textbox .gem-textbox-description,
.gem-textbox .gem-button-container,
.gem-textbox .gem-textbox-top,
.gem-textbox .gem-textbox-top svg,
.gem-textbox .gem-textbox-bottom,
.gem-textbox .gem-textbox-bottom svg {
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.elementor-widget-thegem-styled-textbox .elementor-widget-container {
height:100%;
}
.gem-textbox {
display: flex;
flex-direction: column;
height:100%;
width: 100%;
}
.gem-textbox-inner {
flex-grow: 1;
display: flex;
width: 100%;
}
.gem-textbox-content {
padding: 30px;
display: flex;
flex-direction: column;
width: 100%;
}
.gem-textbox-top,
.gem-textbox-bottom {
font-size: 0;
line-height: 0;
text-align: center;
}
.gem-styled-textbox-link,
.gem-styled-textbox-icon-image-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.gem-texbox-icon-image-wrapper {
position: relative;
}
.gem-textbox .gem-textbox-icon-horizontal-right.gem-textbox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper {
padding-left: 10px;
}
.gem-textbox .gem-textbox-icon-horizontal-left.gem-textbox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper {
padding-right: 10px;
}
.gem-textbox h4,
.gem-textbox .title-h4 {
margin-top: 0;
}
.gem-textbox-content .gem-image span {
display: inline-block;
vertical-align: top;
overflow: hidden;
max-width: 100%;
position: relative;
}
.gem-textbox-content .gem-image span::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
z-index: 1;
}
.gem-textbox:hover .gem-textbox-content .gem-image a::before,
.gem-textbox:hover .gem-textbox-content .gem-image span::before {
opacity: 1;
}
.gem-textbox .gem-textbox-icon-horizontal-right .gem-icon-with-text-icon {
padding-right: 0px;
padding-left: 10px;
} .gem-textbox-content.icon-bottom {
display: flex;
flex-direction: column;
}
.gem-textbox .icon-bottom .gem-texbox-text-wrapper {
order: 1;
}
.gem-textbox .icon-bottom .gem-texbox-icon-image-wrapper {
order: 2;
margin-top: 30px;
} .gem-textbox-content.icon-bottom,
.gem-textbox-content.button-top {
display: flex;
flex-direction: column;
}
.gem-textbox .icon-bottom.button-bottom .gem-texbox-text-wrapper {
order: 1;
}
.gem-textbox .icon-bottom.button-bottom .gem-texbox-icon-image-wrapper {
order: 2;
} .gem-textbox-content.icon-top.button-top .gem-texbox-text-wrapper {
display: flex;
flex-direction: column;
}
.gem-textbox-content.icon-top.button-top .gem-button-container {
order: 1;
}
.gem-textbox-content.icon-top.button-top .gem-textbox-title {
order: 2;
}
.gem-textbox-content.icon-top.button-top .gem-textbox-description {
order: 3;
} .gem-textbox-content.icon-bottom.button-top .gem-texbox-text-wrapper {
display: flex;
flex-direction: column;
}
.gem-textbox-content.icon-bottom.button-top .gem-button-container {
order: 1;
}
.gem-textbox-content.icon-bottom.button-top .gem-textbox-title {
order: 2;
}
.gem-textbox-content.icon-bottom.button-top .gem-textbox-description {
order: 3;
}
.gem-textbox-content.icon-bottom.button-top .gem-texbox-text-wrapper {
order: 1;
}
.gem-textbox-content.icon-bottom.button-top .gem-texbox-icon-image-wrapper {
order: 2;
margin-top: 30px;
}
.gem-textbox-icon-horizontal-center .gem-texbox-icon-image-wrapper {
text-align: center !important;
}
.gem-textbox-icon-horizontal-left .gem-texbox-icon-image-wrapper {
text-align: left !important;
}
.gem-textbox-icon-horizontal-right .gem-texbox-icon-image-wrapper {
text-align: right !important;
}
.gem-textbox-icon-horizontal-right.gem-textbox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper {
float: right;
}
.gem-textbox-icon-horizontal-left.gem-textbox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper {
float: left;
}
.gem-textbox-icon-image-wrapping-inline {
display: flex;
flex-direction: column;
}
.gem-textbox-icon-image-wrapping-inline .gem-texbox-text-wrapper {
flex-grow: 1;
}
.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-right {
flex-direction: row-reverse;
}
.icon-bottom.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-right {
flex-direction: row;
align-items: flex-end;
}
.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-left {
flex-direction: row;
}
.icon-bottom.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-left {
flex-direction: row-reverse;
align-items: flex-end;
}.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}.gem-quote {
position: relative;
overflow: hidden;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.gem-quote blockquote div,
.gem-quote blockquote p,
.gem-quote blockquote {
margin: 0;
}
.gem-quote.gem-quote-style-default {
padding: 3px;
border: 1px solid #c9d2d9;
}
.gem-quote.gem-quote-style-default blockquote {
margin: 0px;
font-size: 24px;
line-height: 37px;
font-weight: 100;
padding: 60px 80px;
border: 1px solid #e9edf0;
}
.gem-quote.gem-quote-style-1 {
font-size: 24px;
line-height: 37px;
padding: 67px 87px;
font-weight: 200;
}
.gem-quote.gem-quote-style-2 {
color: #bcc6cd;
font-weight: 200;
padding: 67px 87px;
font-size: 24px;
line-height: 37px;
background-color: #2c3e50;
}
.gem-quote.gem-quote-style-2 blockquote {
color: #b6c6c9;
}
.gem-quote.gem-quote-style-3 blockquote {
text-transform: uppercase;
margin: 0px;
font-size: 19px;
padding: 67px 87px;
letter-spacing: 0.085em;
line-height: 1.85em;
border: 1px solid #e9edf0;
}
.gem-quote.gem-quote-style-3 {
padding: 4px;
color: #2c3e50;
border: 1px solid #c9d2d9;
background: transparent;
}
.gem-quote.gem-quote-style-4 {
color: #2c3e50;
letter-spacing: 0.085em;
padding: 72px 92px;
text-transform: uppercase;
}
.gem-quote.gem-quote-style-5 {
padding: 72px 92px;
text-transform: uppercase;
letter-spacing: 0.085em;
background-color: #2c3e50;
color: #ffffff;
}
.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-default:after,
.gem-quote.gem-quote-style-1:after,
.gem-quote.gem-quote-style-2:after,
.gem-quote.gem-quote-style-3:after,
.gem-quote.gem-quote-style-4:after,
.gem-quote.gem-quote-style-5:after {
position: absolute;
font-family: thegem-icons;
content: '\e60c';
font-size: 76px;
right: 67px;
}
.gem-quote.gem-quote-style-1 blockquote,
.gem-quote.gem-quote-style-2 blockquote,
.gem-quote.gem-quote-style-4 blockquote,
.gem-quote.gem-quote-style-5 blockquote {
padding: 0;
background-color: transparent;
}
.gem-quote.gem-quote-style-default blockquote,
.gem-quote.gem-quote-style-3 blockquote {
background-color: transparent;
}
.gem-quote.gem-quote-style-default blockquote:after,
.gem-quote.gem-quote-style-1 blockquote:after,
.gem-quote.gem-quote-style-2 blockquote:after,
.gem-quote.gem-quote-style-3 blockquote:after,
.gem-quote.gem-quote-style-4 blockquote:after,
.gem-quote.gem-quote-style-5 blockquote:after {
display: none;
}
.gem-quote.gem-quote-style-2.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-1.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-1:after,
.gem-quote.gem-quote-style-2:after,
.gem-quote.gem-quote-style-4:after,
.gem-quote.gem-quote-style-5:after {
bottom: 6px;
}
.custom-color-blockqute-mark-added.gem-quote:after {
display: none;
}
.gem-quote .custom-color-blockqute-mark,
.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-default:after,
.gem-quote.gem-quote-style-3:after {
bottom: 11px;
}
.gem-quote.gem-quote-style-default:after {
color: #e7ebee;
}
.gem-quote.gem-quote-style-1:after {
color: #a3e7f0;
}
.gem-quote.gem-quote-style-2:after {
color: #4dd0e1;
}
.gem-quote.gem-quote-style-3:after {
color: #e7ebee;
}
.gem-quote.gem-quote-style-4:after {
color: #a3e7f0;
}
.gem-quote.gem-quote-style-5:after {
color: #4dd0e1;
}
.gem-quote.gem-quote-style-1.gem-quote-no-paddings,
.gem-quote.gem-quote-style-2.gem-quote-no-paddings,
.gem-quote.gem-quote-style-4.gem-quote-no-paddings,
.gem-quote.gem-quote-style-5.gem-quote-no-paddings {
padding-left: 50px;
padding-right: 20px;
padding-top: 50px;
padding-bottom: 50px;
}
@media (max-width:767px) {
.gem-quote.gem-quote-style-1,
.gem-quote.gem-quote-style-2,
.gem-quote.gem-quote-style-4,
.gem-quote.gem-quote-style-5,
.gem-quote.gem-quote-style-1.gem-quote-no-paddings,
.gem-quote.gem-quote-style-2.gem-quote-no-paddings,
.gem-quote.gem-quote-style-4.gem-quote-no-paddings,
.gem-quote.gem-quote-style-5.gem-quote-no-paddings {
padding-left: 25px;
padding-right: 10px;
padding-top: 25px;
padding-bottom: 50px;
}
}
.gem-quote.gem-quote-style-default.gem-quote-no-paddings blockquote,
.gem-quote.gem-quote-style-3.gem-quote-no-paddings blockquote {
padding-left: 39px;
padding-right: 20px;
padding-top: 44px;
padding-bottom: 50px;
}
@media (max-width:767px) {
.gem-quote.gem-quote-style-default blockquote,
.gem-quote.gem-quote-style-3 blockquote,
.gem-quote.gem-quote-style-default.gem-quote-no-paddings blockquote,
.gem-quote.gem-quote-style-3.gem-quote-no-paddings blockquote {
padding-left: 19px;
padding-right: 10px;
padding-top: 22px;
padding-bottom: 50px;
}
}
.gem-quote.gem-quote-style-default.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-1.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-2.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-4.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-5.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-default.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-1.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-2.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-4.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-5.gem-quote-no-paddings:after {
font-size: 67px;
right: 35px;
bottom: 4px;
}
.gem-quote.gem-quote-style-default.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-3.gem-quote-no-paddings:after {
font-size: 67px;
right: 35px;
bottom: 10px;
}