.banner-section, .article-outer-box{
width: auto;
height: auto;
} .banner-section h1,.banner-section p{
width: 75%;
}
.banner-section .alignfull{
padding: 0 10%;
}
.banner-section .wp-block-column.is-vertically-aligned-center {
position: relative;
top: 50%;
left: 7%;
padding-left: 15px;
}
.banner-section .banner-circle-img figure.alignleft, .article-section figure.aligncenter, .article-section .wp-block-buttons.aligncenter{
border: none !important;
}
.banner-section .btn a:hover{
background-color: #f47722 !important;
}
.banner-section .wp-block-buttons .wp-block-button {
margin: 0 -15px 0px;
} .article-outer-box, .article-container {
margin: 10px auto !important;
}
.article-outer-box p{
font-size: 16px !important;
font-weight: 600;
margin-bottom: 10px !important;
display: inline-block;
padding: 0px;
border-radius: 30px;
background: transparent;
}
.article-section p{
text-align: center !important;
}
.article-section{
padding-top: 18px;
box-shadow: 0 0 15px 4px #eee;
text-align: center;
border-radius: 10px;
}
.article-section:hover{
background: #f33f4b;
}
.article-section:hover h3, .article-section:hover p{
color: #fff !important;
}
.article-section img{
box-shadow: none !important;
}
.article-section h3{
font-size: 18px;
font-weight: 600;
}
.article-section p{
font-size: 14px !important;
font-weight: 400 !important;
}
.wp-block-button.service-btn{
margin: 0 0 5px;
}
.article-section .wp-block-buttons{
position: relative;
display: inline;
right: auto;
left: auto;
transform: translateX(-50%);
box-shadow: 0 0 10px 2px #eee;
color: #888888!important;
top: 10px;
padding: 11px 15px;
background: #fff;
border-radius: 50%;
}
.article-section .wp-block-buttons:before{
content: "\f061";
font-family: 'Font Awesome 7 Free';
color: #000;
font-weight: 900;
}
.article-section .wp-block-buttons:hover{
background-color: #fff !important;
}
@media screen and (max-width:781px) {
.wp-block-column.is-vertically-aligned-center, .banner-section h1, .banner-section p{
left: 0 !important;
padding-left: 0 !important
}
.banner-section .wp-block-columns.alignfull {
margin: 0;
}
}
@media screen and (max-width: 720px) {
.banner-section h1,.banner-section p, .article-outer-box p, .article-outer-box h2{
width: 100%;
text-align: center;
}
.banner-section .alignfull{
padding: 0 0%;
}
.banner-section .wp-block-buttons{
justify-content: center;
}
.banner-section .banner-circle-img figure.alignleft{
margin: 0 !important;
}
}
@media screen and (max-width:1000px) {
.banner-section h1 {
font-size: 30px !important;
}
.alignwide.article-outer-box, .alignwide.article-container {
margin: 0;
}
.article-section{
margin-bottom: 50px;
}
.article-section .service-btn a{
position: relative;
}
}
@media screen and (max-width: 992px) and (min-width: 767px) {
.article-outer-box .wp-block-columns, .banner-section .wp-block-columns.alignfull{
flex-wrap: nowrap !important;
gap: 1em;
}
.banner-section{
min-height: 350px !important;
}
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
.banner-section{
min-height: 350px !important;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
}