@media (min-width: 1080px) { 
.column-icon-text-box-501 { 
position: relative; 
display: none; 
background-image: linear-gradient(to bottom, #f5f5f5, #d6d6d6); 
background-position: top left; 
background-attachment: scroll; 
background-repeat: no-repeat; 
background-size: cover; 
padding-top: 0px; 
padding-bottom: 70px; 
margin-top: 0px; 
margin-bottom: 0px; 
z-index: 1; 
transition: clip-path 2s; 
-webkit-transition: clip-path 2s; 
} 
.column-icon-text-box-501.inClipPath { 
} 
.column-icon-text-box-501.outClipPath { 
} 
.column-icon-text-box-501 .module-head-1 { 
width: 100%; 
font-family: Roboto-Medium; 
font-size: 30px; 
font-weight: 500; 
line-height: 1; 
color: #f57316; 
text-align: center; 
padding: 10px 20px; 
margin-top: 50px; 
margin-bottom: 40px; 
} 
.column-icon-text-box-501 .module-head-1:hover { 
color: #f57316; 
} 
.column-icon-text-box-501 .module-head-2 { 
width: 100%; 
font-family: Montserrat-Regular; 
font-size: 0px; 
font-weight: 500; 
line-height: 1.4; 
color: #111827; 
text-align: center; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
.column-icon-text-box-501 .module-head-2:hover { 
color: #111827; 
} 
.column-icon-text-box-501 .module-head-3 { 
width: 100%; 
font-family: Arial; 
font-size: 0px; 
font-weight: 500; 
line-height: 1; 
color: #111827; 
text-align: center; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
.column-icon-text-box-501 .module-head-3:hover { 
color: #111827; 
} 
.column-icon-text-box-501 .icon-text-box { 
position: relative; 
display: inline-block; 
padding: 0px 30px; 
min-height: 200px; 
} 
.column-icon-text-box-501 .icon-text-box .content { 
position: relative; 
display: inline-block; 
background: transparent; 
height: 200px; 
min-height: 200px; 
max-height: 200px; 
margin-top: 0px; 
margin-bottom: px; 
border: 0px none #000000; 
border-radius: 10px; 
z-index: -1; 
} 
.column-icon-text-box-501 .icon-text-box .content:hover { 
position: relative; 
display: inline-block; 
background: transparent; 
height: 200px; 
min-height: 200px; 
max-height: 200px; 
margin-top: 0px; 
margin-bottom: px; 
border: 0px none #000000; 
border-radius: 10px; 
} 
.column-icon-text-box-501 .icon-text-box .box-header { 
display: flex; 
background: #f2f2f2; 
padding: 0px 20px; 
min-height: 80px; 
margin-top: 0px; 
margin-bottom: 0px; 
-webkit-transform: translateY(0px); 
transform: translateY(0);transition:all 1s ease; 
align-items: center; 
align-content: center; 
justify-items: center; 
justify-content: center; 
} 
.column-icon-text-box-501 .icon-text-box:hover .box-header { 
background: #111827; 
-webkit-transform: translateY(-5px); 
transform: translateY(-5px); 
} 
.column-icon-text-box-501 .icon-text-box .box-header .box-icon { 
display: flex; 
align-items: center; 
align-content: center; 
justify-content: center; 
-webkit-align-items: center; 
-webkit-align-content: center; 
clear: both; 
width: 0px; 
height: 0px; 
-webkit-transform: rotate(-45deg); 
-ms-transform: rotate(-45deg); 
transform: rotate(-45deg); 
background: #ffffff; 
padding: 0px 0px; 
margin: 0px auto 0px; 
border: 0px none #374151; 
border-radius: 50%; 
transition: all 2s; 
} 
.column-icon-text-box-501 .icon-text-box .box-header .box-icon i { 
font-size: 0px; 
position: relative; 
color: #ffffff; 
-webkit-transform: rotate(45deg); 
-ms-transform: rotate(45deg); 
transform: rotate(45deg); 
text-align: center; 
} 
.column-icon-text-box-501 .icon-text-box .box-header .box-icon img { 
position: flex; 
-webkit-transform: rotate(45deg); 
-ms-transform: rotate(45deg); 
transform: rotate(45deg); 
width: 0px; 
height: 0px; 
} 
.column-icon-text-box-501 .icon-text-box:hover .box-header .box-icon { 
background: #f57316; 
color: #ffffff; 
border: 0px solid #ffffff; 
border-radius: 50%; 
} 
.column-icon-text-box-501 .icon-text-box:hover .box-header .box-icon i { 
color: #ffffff; 
} 
.column-icon-text-box-501 .icon-text-box .box-header .title { 
position: relative; 
display: block; 
float: none; 
clear: both; 
min-width: 100%; 
} 
.column-icon-text-box-501 .icon-text-box .box-header .title h4 { 
position: relative; 
display: block; 
float: none; 
clear: both; 
font-family: Montserrat-SemiBold; 
font-size: 18px; 
line-height: 1; 
color: #111827; 
text-align: center; 
margin-top: 0px; 
} 
.column-icon-text-box-501 .icon-text-box:hover .box-header .title h4 { 
color: #ffffff; 
} 
.column-icon-text-box-501 .icon-text-box .description { 
position: relative; 
float: none; 
background: #374151; 
min-height: 100px; 
padding: 15px 10px; 
margin-top: 0px; 
-webkit-transform: translateY(0px); 
transform: translateY(0px);transition:all 1s ease; 
} 
.column-icon-text-box-501 .icon-text-box .description p { 
position: relative; 
float: none; 
font-family: Montserrat-Regular; 
font-size: 14px; 
line-height: 1.6; 
color: #ffffff; 
text-align: center; 
margin-top: 10px; 
transition:all 1s ease; 
} 
.column-icon-text-box-501 .icon-text-box:hover .description { 
position: relative; 
float: none; 
background: #111827; 
padding: 15px 10px; 
margin-top: 0px; 
-webkit-transform: translateY(0px); 
transform: translateY(0px); 
} 
.column-icon-text-box-501 .icon-text-box:hover .description p { 
color: #ffffff; 
} 
} 
@media (max-width: 1079px) { 
.column-icon-text-box-501 { 
position: relative; 
display: block; 
background-image: linear-gradient(to bottom, #f5f5f5, #d6d6d6); 
background-position: top left; 
background-attachment: scroll; 
background-repeat: no-repeat; 
background-size: cover; 
padding-top: 0px; 
padding-bottom: 70px; 
margin-top: 0px; 
margin-bottom: 0px; 
z-index: 1; 
transition: clip-path 2s; 
-webkit-transition: clip-path 2s; 
} 
.column-icon-text-box-501.inClipPath { 
} 
.column-icon-text-box-501.outClipPath { 
} 
.column-icon-text-box-501 .module-head-1 { 
width: 100%; 
font-family: Roboto-Medium; 
font-size: 30px; 
font-weight: 500; 
line-height: 1; 
color: #f57316; 
text-align: center; 
padding: 10px 20px; 
margin-top: 50px; 
margin-bottom: 40px; 
} 
.column-icon-text-box-501 .module-head-1:hover { 
color: #f57316; 
} 
.column-icon-text-box-501 .module-head-2 { 
width: 100%; 
font-family: Montserrat-Regular; 
font-size: 0px; 
font-weight: 500; 
line-height: 1.4; 
color: #111827; 
text-align: center; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
.column-icon-text-box-501 .module-head-2:hover { 
color: #111827; 
} 
.column-icon-text-box-501 .module-head-3 { 
width: 100%; 
font-family: Arial; 
font-size: 0px; 
font-weight: 500; 
line-height: 1; 
color: #111827; 
text-align: center; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
.column-icon-text-box-501 .module-head-3:hover { 
color: #111827; 
} 
.column-icon-text-box-501 .icon-text-box { 
position: relative; 
display: inline-block; 
padding: 0px 30px; 
min-height: 200px; 
} 
.column-icon-text-box-501 .icon-text-box .content { 
position: relative; 
display: inline-block; 
background: transparent; 
height: 200px; 
min-height: 200px; 
max-height: 200px; 
margin-top: 0px; 
margin-bottom: px; 
border: 0px none #000000; 
border-radius: 10px; 
z-index: -1; 
} 
.column-icon-text-box-501 .icon-text-box .content:hover { 
position: relative; 
display: inline-block; 
background: transparent; 
height: 200px; 
min-height: 200px; 
max-height: 200px; 
margin-top: 0px; 
margin-bottom: px; 
border: 0px none #000000; 
border-radius: 10px; 
} 
.column-icon-text-box-501 .icon-text-box .box-header { 
display: flex; 
background: #f2f2f2; 
padding: 0px 20px; 
min-height: 80px; 
margin-top: 0px; 
margin-bottom: 0px; 
-webkit-transform: translateY(0px); 
transform: translateY(0);transition:all 1s ease; 
align-items: center; 
align-content: center; 
justify-items: center; 
justify-content: center; 
} 
.column-icon-text-box-501 .icon-text-box:hover .box-header { 
background: #111827; 
-webkit-transform: translateY(-5px); 
transform: translateY(-5px); 
} 
.column-icon-text-box-501 .icon-text-box .box-header .box-icon { 
display: flex; 
align-items: center; 
align-content: center; 
justify-content: center; 
-webkit-align-items: center; 
-webkit-align-content: center; 
clear: both; 
width: 0px; 
height: 0px; 
-webkit-transform: rotate(-45deg); 
-ms-transform: rotate(-45deg); 
transform: rotate(-45deg); 
background: #ffffff; 
padding: 0px 0px; 
margin: 0px auto 0px; 
border: 0px none #374151; 
border-radius: 50%; 
transition: all 2s; 
} 
.column-icon-text-box-501 .icon-text-box .box-header .box-icon i { 
font-size: 0px; 
position: relative; 
color: #ffffff; 
-webkit-transform: rotate(45deg); 
-ms-transform: rotate(45deg); 
transform: rotate(45deg); 
text-align: center; 
} 
.column-icon-text-box-501 .icon-text-box .box-header .box-icon img { 
position: flex; 
-webkit-transform: rotate(45deg); 
-ms-transform: rotate(45deg); 
transform: rotate(45deg); 
width: 0px; 
height: 0px; 
} 
.column-icon-text-box-501 .icon-text-box:hover .box-header .box-icon { 
background: #f57316; 
color: #ffffff; 
border: 0px solid #ffffff; 
border-radius: 50%; 
} 
.column-icon-text-box-501 .icon-text-box:hover .box-header .box-icon i { 
color: #ffffff; 
} 
.column-icon-text-box-501 .icon-text-box .box-header .title { 
position: relative; 
display: block; 
float: none; 
clear: both; 
min-width: 100%; 
} 
.column-icon-text-box-501 .icon-text-box .box-header .title h4 { 
position: relative; 
display: block; 
float: none; 
clear: both; 
font-family: Montserrat-SemiBold; 
font-size: 18px; 
line-height: 1; 
color: #111827; 
text-align: center; 
margin-top: 0px; 
} 
.column-icon-text-box-501 .icon-text-box:hover .box-header .title h4 { 
color: #ffffff; 
} 
.column-icon-text-box-501 .icon-text-box .description { 
position: relative; 
float: none; 
background: #374151; 
min-height: 100px; 
padding: 15px 10px; 
margin-top: 0px; 
-webkit-transform: translateY(0px); 
transform: translateY(0px);transition:all 1s ease; 
} 
.column-icon-text-box-501 .icon-text-box .description p { 
position: relative; 
float: none; 
font-family: Montserrat-Regular; 
font-size: 14px; 
line-height: 1.6; 
color: #ffffff; 
text-align: center; 
margin-top: 10px; 
transition:all 1s ease; 
} 
.column-icon-text-box-501 .icon-text-box:hover .description { 
position: relative; 
float: none; 
background: #111827; 
padding: 15px 10px; 
margin-top: 0px; 
-webkit-transform: translateY(0px); 
transform: translateY(0px); 
} 
.column-icon-text-box-501 .icon-text-box:hover .description p { 
color: #ffffff; 
} 
} 
