.widget_about_style_2 .about-image img{
width: 100%;
}
.widget_about_style_2 .about-content .description {
margin-bottom: 40px;
}
.widget_about_style_2 .about-content p {
color: #777;
font-size: 14px;
line-height: 25px;
margin-bottom: 20px;
margin-top: 10px;
}
.widget_about_style_2 .about-content .description {
margin-bottom: 20px;
}
.widget_about_style_2 .about-content .about_item {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.widget_about_style_2 .button .btn {
margin: 20px 0; border-radius: 5px;
}
.widget_about_style_2 .item {
position: relative; overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px 0 0;
}
.widget_about_style_2 .item .img {
height: 84px; width:84px; text-align: center;
padding: 5px;
background-color: #fff;
border-radius: 3px;
box-shadow: 0 5px 62px 0 rgb(2 55 102 / 9%);
transition: all .5s;
border-radius: 50%;
}
.widget_about_style_2 .item .img img {
max-width: 100%;
width: auto; height: 100%; display: inline-block;
}
.widget_about_style_2 .item .title {
width: 100%;
text-align: center;
padding: 0 40px;
}
.widget_about_style_2 .item .title p.heading {
color: #000; font-size: 15px; font-weight: bold; margin: 0 0 10px 0;
}
.widget_about_style_2 .item .title p.description {
color: #262f5a;
font-size: 15px;
line-height: 20px;
font-weight: 500;
}
@media(max-width: 768px) {
.widget_about_style_2 .about-content .about_item {
grid-template-columns: repeat(2, 1fr);
}
.widget_post_style_1 .header_main {
flex-direction: column;
align-items: center !important;
justify-content: center !important;
margin-bottom: 10px !important;
}
.widget_post_style_1 .header_main .header-title{
text-align: center !important;
}
.widget_post_style_1 .header_main .sp_header-post .content {
align-items: center !important;
}
.widget_about_style_2 .about-content .description {
margin-bottom: 0;
}
.widget_about_style_2 .item .title {
padding: 0 15px;
}
.widget_about_style_2 .about-content .header-title h3 {
text-align: center;font-size: 30px;
}
.widget_post_style_1 .item .title .link > a {
width: 50% !important;
}
}.widget_post_style_7 .box-content { position: relative; overflow: inherit }
.widget_post_style_7 .box-content .button_link { margin-top: 40px;}
.widget_post_style_7 .box-content .button_link > a{
border-radius: 25px;
}
.widget_post_style_7 .item {
box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.06);
margin: calc(var(--bs-gutter-x)/2) 0;
}
.widget_post_style_7 .content-post {
position: relative;
display: block;
width: 100%;
}
.widget_post_style_7 .content-post .icon_hover {
position: absolute;
width: 50px;
height: 50px;
line-height: 48px;
right: 25px;
bottom: 30px;
color: #fff;
background: rgba( 255, 255, 255, 0.40 );
backdrop-filter: blur( 6.5px );
border-radius: 50%;
border: 1px solid rgba( 255, 255, 255, 0.18 );
font-size: 24px;
text-align: center;
display: none;
}
.widget_post_style_7 .content-post:hover .icon_hover{
display: block;
}
.widget_post_style_7 .content-post:hover .title {
transform: translateX(14px);
transition: 0.8s;
}
.widget_post_style_7 .item .img {
position: relative;
height: 250px; width: 100%;
}
.widget_post_style_7 .item .img::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: var(--bg-content);
pointer-events: none;
}
.widget_post_style_7 .item .img img { height: 100%; width: 100%; object-fit: cover; }
.widget_post_style_7 .item .title { padding:0 15px 25px 15px; position: absolute;
bottom: 0;}
.widget_post_style_7 .item .title .header {
font-size: 15px; line-height: 30px; margin:20px 0; font-family: var(--font-header);
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
display: -webkit-inline-box;
-webkit-box-orient: vertical;
font-weight: 700;
color: #fff !important;
margin-bottom: 0 !important;
}
.widget_post_style_7 .item .title .description {
margin-bottom: 0;
-webkit-line-clamp: 2;
font-weight: 700;
color: #fff;
width: 80%;
text-align: left;
}
.widget_post_style_7 .item .title .post-info {
margin: 0 0 20px 0;
}
.widget_post_style_7 .item .title .read-more a {
display: flex;
padding: 5px 10px;
width: 30%;
justify-content: center;
color: #fff;
border-radius: 25px;
font-weight: 500;
background-image: linear-gradient(90deg, var(--theme-color), var(--theme-color-2));
}
.widget_post_style_7 .item .title .read-more a:hover {
background-image: linear-gradient(90deg, var(--theme-color-2), var(--theme-color));
}
.widget_post_style_7 .item:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2), 0 0 0 transparent;
}
@media(max-width:786px) {
.widget_post_style_7 .item {
padding: 0;
}
.widget_post_style_7 .item .title .description > p {
font-size: 12px;
}
}:root {
--prs7-tab-bg:#fff;
--prs7-tab-color:#000;
--prs7-tab-active-color:#fff;
--prs7-tab-active-bg:var(--theme-color);
}
.widget_product_style_7 .product_style_7_category_list {
background: transparent;
margin-bottom: 20px;
padding-bottom: 10px;
display: inline-flex;
overflow: auto;
list-style-type: none;
justify-content: flex-start;
}
.widget_product_style_7 .product_style_7_category_list li {
float: left;
padding: 0;
margin-right: 10px;
border-bottom: 0;
height: 40px;
display: inline-block;
position: relative;
flex: none;
width: max-content;
}
.widget_product_style_7 .product_style_7_category_list li:last-child {
margin-right: 0px;
}
.widget_product_style_7 .product_style_7_category_list li a {
color:var(--prs7-tab-color);
background-color: var(--prs7-tab-bg);
padding: 5px 20px;
display: block;
font-size: 15px;
border-radius: 20px;
transition: all 0.5s;
text-transform: capitalize;
text-decoration: none;
}
.widget_product_style_7 .product_style_7_category_list li a.active,
.widget_product_style_7 .product_style_7_category_list li a:hover {
color: var(--prs7-tab-active-color);
background-color: var(--prs7-tab-active-bg);
}
.widget_product_style_7 .product_style_7_content a.more-link {
display: inline-block;
font-size: 15px;
}
@media (max-width: 600px) {
.widget_product_style_7 .product_style_7_category_list {
width: 100%;
}
}.widget_item_style_2 {
overflow: hidden; text-align: center;
}
.widget_item_style_2 .row-flex {
position: relative;
display: grid;
grid-template-columns: var(--item-per-row);
gap:10px;
align-items: center;
}
.widget_item_style_2 .service-block {
position: relative;
display: flex;
gap:10px;
align-items: center;
justify-content: center;
}
.widget_item_style_2 .item {
margin-bottom: 10px;
position: relative;
display: flex;
width: 100%;
gap: 25px;
align-items: center;
justify-content: flex-start;
}
.widget_item_style_2 .item .img {
width: 100%;
flex: 0 0 26%;
height: 100%;
}
.widget_item_style_2 .item .img a {
display: inline-block;
height: var(--item-height); width:var(--item-height);
text-align: center;
background-color: #fff;
border-radius: 50%;
padding: 13px;
}
.widget_item_style_2 .item .img img {
width: auto; height: 100%; display: inline-block;
border-radius: 5px;
}
.widget_item_style_2 .item .title {
width: 100%;
text-align: left;
height: 100%;
}
.widget_item_style_2 .item .title .counter-section-container .counter-item > span {
font-size: 40px;
color: #fff400;
font-weight: 800;
line-height: 40px;
}
.widget_item_style_2 .item .title p.heading {
color: var(--item-title); font-size: 15px; font-weight: bold; margin: 0;
}
.widget_item_style_2 .item .title p.heading a {
color: var(--item-title);
}
.widget_item_style_2 .item .title p.description {
color: var(--item-des); font-size: 14px; line-height: 20px;
}
.widget_item_style_2 .item .title p.description a {
color: var(--item-des);
}
@media (max-width: 768px) {
.widget_item_style_2 .item {
gap: 10px;
}
.widget_item_style_2 .header-title .header{
line-height: 40px !important;
}
.widget_item_style_2 .row-flex {
grid-template-columns: var(--item-per-row-tablet);
}
.widget_item_style_2 .item .img a {
width: 60px;
height: 60px;
}
.widget_item_style_2 .item .title .counter-section-container .counter-item>span {
font-size: 20px;
line-height: 20px;
}
.widget_item_style_2 .item .title p.heading a {
font-size: 12px;
}
}
.widget_item_style_3 {
overflow: hidden; text-align: center;
}
.widget_item_style_3 .brand_main {
background: #fff;
box-shadow: 0 5px 62px 0 rgb(2 55 102 / 9%);
border-radius: 16px;
}
.widget_item_style_3 .row-flex{
position: relative;
display: grid;
grid-template-columns: var(--item-per-row);
align-items: center;
gap: 30px;
padding: 50px;
}
.widget_item_style_3 .item {
position: relative; overflow: hidden; text-align: center; background-position: center;
display: flex; width: 100%; height: 100%; box-shadow: 0 5px 62px 0 rgb(2 55 102 / 9%);
border-radius: 10px;
background-color: #fff;
border-radius: 10px;
}
.widget_item_style_3 .item .logo_brand {
width: 100%;
padding: 20px;
height: 100%;
display: flex;
justify-content: center;
}
.widget_item_style_3 .item .img {
width: 100%;
text-align: center;
height: var(--item-height);
}
.widget_item_style_3 .item .img img {
max-width: 100%;
width: auto; height: 100%; display: inline-block;
}
.widget_item_style_3 .item .title {
text-align: left; padding: 10px;
}
.widget_item_style_3 .item .title .heading {
font-family: var(--font-header);
color: var(--item-title); font-size: 15px; font-weight: bold; margin: 0 0 10px 0;
}
.widget_item_style_3 .item .title p.description {
color: var(--item-des); font-size: 14px; line-height: 20px;
}
.widget_item_style_3 .item .title .heading a {
color: var(--item-title);
}
.widget_item_style_3 .item .title p.description a{
color: var(--item-des);
}
.widget_item_style_3 .brand_main .button_link {
padding: 50px;
}
.widget_item_style_3 .brand_main .button_link .link_item {
background-image: linear-gradient(90deg, var(--theme-color), var(--theme-color-2));
padding: 15px 25px;
border-radius: 25px;
color: #fff;
font-size: 18px;
font-weight: 600;
}
.widget_item_style_3 .brand_main .button_link .link_item > i {
margin-left: 15px;
color: #fff;
font-size: 18px;
}
@media (max-width: 768px) {
.widget_item_style_3 .row-flex{
grid-template-columns: var(--item-per-row-mobile);
padding: 20px !important;
gap: 15px;
}
.widget_item_style_3 .item .img { height: 50px; }
.widget_item_style_3 .item .logo_brand {
padding: 15px;
}
.widget_item_style_3 .brand_main .header-title {
margin-top: 15px !important;
}
.widget_item_style_3 .brand_main .header-title .header {
padding: 0 15px !important;
font-size: 20px !important;
}
.widget_item_style_3 .brand_main .button_link .link_item {
font-size: 15px;
}
.widget_item_style_3 .brand_main .button_link .link_item>i {
font-size: 15px;
}
}
@media (max-width: 600px) {
.widget_item_style_3 .item {
flex-direction: column;
}
.widget_item_style_3 .item .img {
width: 100%; height: 50px; text-align: center;
}
.widget_item_style_3 .item .title {
width: 100%; text-align: center;
}
.widget_item_style_3 .item .title .heading {
font-size: 13px;
}
.widget_item_style_3 .item .title p.description {
font-size: 12px;
}
}.widget_feedback_style_4 .box-content{
margin: 25px 0 0 0;
}
.widget_feedback_style_4 .item{
border-radius: 10px;
box-shadow: 0 0 7px rgba(0,0,0,0.3);
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
background-color: #fff;
}
.widget_feedback_style_4 .item .box-avatar{
width: calc(100% / 3);
margin: 0 auto;
position: relative;
}
.widget_feedback_style_4 .item .box-avatar .avatar {
position: relative;
display: block;
width: 100%;
padding-top: 100%;
height: inherit;
border-radius: 50%;
overflow: hidden;
position: absolute;
bottom: 0;
}
.widget_feedback_style_4 .item .box-avatar .avatar picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.widget_feedback_style_4 .item .box-avatar .avatar picture img {
min-height: 100%;
min-width: 100%;
position: relative;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
display: inherit;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_feedback_style_4 .item .title {
text-align: center; padding: 10px 15px 20px 15px;
}
.widget_feedback_style_4 .item .title .feedback-name {
text-align: center;
font-size: 18px;
font-weight: bold;
margin: 10px auto;
color: var(--theme-color);
}
.widget_feedback_style_4 .item .title .feedback-office{
text-align: center;
font-size: 13px;
margin: 10px auto;
font-style: italic;
}
.widget_feedback_style_4 .item .title .feedback-content {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 75px; font-size: 13px;
overflow: hidden;
}.widget_post_tab_style_1 .header-title{
margin-bottom: 0;
}
.widget_post_tab_style_1 .box-content {
position: relative;
overflow: inherit;
}
.widget_post_tab_style_1 .post_style_tab_content .button_link > a{
border-radius: 25px;
}
.widget_post_tab_style_1 .box-category-list{
display: flex;
justify-content: center;
}
.widget_post_tab_style_1 .post_tab_style_1_category_list {
display: flex;
align-items: center;
background: transparent;
list-style: none;
margin: 30px auto;
overflow: auto;
}
.widget_post_tab_style_1 .post_tab_style_1_category_list li {
position: relative;
flex: 0 0 auto;
overflow: hidden;
display: inline-block;
border-radius: 50px;
border: 1px solid rgba(42, 53, 80,0.2);
margin: 0 10px 10px 0;
transition: all 0.5s;
}
.widget_post_tab_style_1 .post_tab_style_1_category_list li a {
display: block;
text-transform: capitalize;
text-decoration: none;
position: relative;
padding: 8px 25px;
font-weight: 600; font-size: 14px;
color: #000;
text-align: center;
transition: 400ms;
z-index: 100000;
overflow: hidden;
}
.widget_post_tab_style_1 .post_tab_style_1_category_list li:hover,
.widget_post_tab_style_1 .post_tab_style_1_category_list li.active {
border-color: var(--theme-color);
box-shadow: 0 3px 8px 0 rgba(0,0,0,0.3), 0 0 0 transparent;
}
.widget_post_tab_style_1 .post_tab_style_1_category_list li:hover a,
.widget_post_tab_style_1 .post_tab_style_1_category_list li.active a,
.widget_post_tab_style_1 .post_tab_style_1_category_list li:hover a,
.widget_post_tab_style_1 .post_tab_style_1_category_list li a.active {
color: #fff; background-color: var(--theme-color);
}
.widget_post_tab_style_1 .post_tab_style_1_category_list li .su_button_circle {
background-color: var(--theme-color);
border-radius: 1000px;
position: absolute;
left:0;
top:0;
width: 0px;
height: 0px;
margin-left: 0px;
margin-top: 0px;
pointer-events: none;
}
.widget_post_tab_style_1 .post_tab_style_1_category_list li .button_text_container{
position:relative;
z-index: 10000;
}
.widget_post_tab_style_1 .post_tab_style_1_category_list li .explode-circle {
animation: explode 0.5s forwards;
}
.widget_post_tab_style_1 .post_tab_style_1_category_list li .desplode-circle{
animation: desplode 0.5s forwards;
}
@keyframes explode {
0% {
width: 0px;
height: 0px;
margin-left: 0px;
margin-top: 0px;
background-color: var(--theme-color);
}
100% {
width: 400px;
height: 400px;
margin-left: -200px;
margin-top: -200px;
background-color: var(--theme-color);
}
}
@keyframes desplode {
0% {
width: 400px;
height: 400px;
margin-left: -200px;
margin-top: -200px;
background-color: rgba(42, 53, 80,0.2);
}
100% {
width: 0px;
height: 0px;
margin-left: 0px;
margin-top: 0px;
background-color: rgba(42, 53, 80,0.2);
}
}
.widget_post_tab_style_1 .item { overflow: hidden; box-shadow: 5px 10px 20px 0 rgb(0 0 0 / 6%);
margin: calc(var(--bs-gutter-x)/2) 0;
transition: all 0.25s cubic-bezier(.02,.01,.47,1);
}
.widget_post_tab_style_1 .item:hover {
box-shadow: 0 4px 20px 0 rgb(0 0 0 / 20%), 0 0 0 transparent;
border-radius: 10px;
transform: translateY(-5px);
}
.widget_post_tab_style_1 .item .img {
position: relative;
display: block;
width: 100%;
padding-top: 65%;
height: inherit;
overflow: hidden;
border-radius: 3px;
}
.widget_post_tab_style_1 .item .img a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
transition: all .5s ease-in-out;
}
.widget_post_tab_style_1 .item .img a:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.widget_post_tab_style_1 .item .img a img {
min-height: 100%;
min-width: 100%;
position: relative;
display: inherit;
transition: all .5s ease-in-out;
object-fit: cover;
}
.widget_post_tab_style_1 .item .title {
padding: 20px;
}
.widget_post_tab_style_1 .item .title .header {
font-weight: 500;
font-size: 16px;
color: #262f5a;
margin: 10px 0;
}
.widget_post_tab_style_1 .item .title .header a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: 600;
font-size: 20px;
color: #262f5a;
}
.widget_post_tab_style_1 .item:hover .title .header a { color: var(--theme-color); }
.widget_post_tab_style_1 .item .title .excerpt{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.widget_post_tab_style_1 .item .title .read-more a {
display: flex;
padding: 5px 10px;
width: 30%;
justify-content: center;
color: #fff;
border-radius: 25px;
font-weight: 500;
background-image: linear-gradient(90deg, var(--theme-color), var(--theme-color-2));
}
.widget_post_tab_style_1 .item .title .read-more a:hover {
background-image: linear-gradient(90deg, var(--theme-color-2), var(--theme-color));
}
.widget_post_tab_style_1 .post_style_tab_content a.more-link {
margin-top: 30px;
}
@media (max-width: 786px) {
.widget_email_style_1 {
display: none;
}
.widget_post_tab_style_1 .item .title .read-more a {
width: 35%;
}
.widget_post_tab_style_1 .post_tab_style_1_category_list {margin: 20px auto; }
.widget_post_tab_style_1 .post_style_tab_content a.more-link {
margin-top: 20px;
}
}.widget_videos_style_1 .slick-slide {
margin: 0 10px 10px 10px;outline: none; overflow: hidden;
}
.widget_videos_style_1 .video-item .video-img {
position: relative; height: var(--video-height);overflow: hidden;outline: none;border-radius: 5px;transition: all 0.3s ease;
}
.widget_videos_style_1 .video-item .video-img img {
width: 100%; height: 100%; object-fit: cover;outline: none;
}
.widget_videos_style_1 .video-title .heading {
margin: 10px 0;
}
.widget_videos_style_1 .video-title .heading a {
color:#000; font-size: 15px; outline: none;
}
.widget_videos_style_1 .play-now {
position: absolute;
left: 50%;
top: 50%;
display: block;
border-radius: 50%;
z-index: 10;
width: 60px;
height: 60px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transform-origin: center center;
}
.widget_videos_style_1 .play-now .icon {
position: absolute;
left: 50%;
top: 50%;
height: 65px;
width: 65px;
text-align: center;
line-height: 65px;
color: #fff;
z-index: 1;
font-size: 20px;
padding-left: 5px;
display: block;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: center;
transform-origin: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
-o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
background-color: var(--theme-color);
}
.widget_videos_style_1 .play-now .ripple,
.widget_videos_style_1 .play-now .ripple:before,
.widget_videos_style_1 .play-now .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 65px;
width: 65px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: center;
transform-origin: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.widget_videos_style_1 .play-now .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.widget_videos_style_1 .play-now .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
background-color: var(--theme-color);
}
.widget_videos_style_1 .video-item:hover .video-img {
box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2), 0 0 0 transparent;
}
@media (max-width: 600px) {
.widget_videos_style_1 .video-item .video-img {
height: 250px;
}
}:root {
--email-color:#fff;
}
.widget_email_style_1 {
transform: translateY(80px);
}
.widget_email_style_1 .email_main {
background-image: linear-gradient( 138deg , var(--theme-color-2) 30%, var(--theme-color) 100%);
border-radius: 30px;
}
.widget_email_style_1 .header-title .header {
color:var(--email-color)!important; font-weight: bold; font-size: 30px;
}
.widget_email_style_1 .description {
width: 700px; max-width: 100%;
margin: 20px auto 20px auto;
color:var(--email-color);
text-align: center;
}
.widget_email_style_1 .box-content {
width: 800px; max-width: 100%;
margin: 0 auto;
}
.widget_email_style_1 .input-flex {
display: grid; grid-template-columns: 1fr 1fr; gap:15px;
grid-template-areas: "h1 h2"
"h3 h3";
}
.widget_email_style_1 .input .form-control:first-of-type {
grid-area: h1;
}
.widget_email_style_1 .input .form-control:nth-of-type(2) {
grid-area: h2;
}
.widget_email_style_1 .input .form-control:nth-of-type(3) {
grid-area: h3;
}
.widget_email_style_1 .input .form-control {
padding:12px 10px;
background-color: #fff;
color: #242424;
border-radius: 4px;
}
.widget_email_style_1 .input .form-control:focus {
box-shadow: none;
}
.widget_email_style_1 .input .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: var(--form-inp-color);
opacity: 1; /* Firefox */
}
.widget_email_style_1 .input .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: var(--form-inp-color);
}
.widget_email_style_1 .input .form-control::-ms-input-placeholder { /* Microsoft Edge */
color: var(--form-inp-color);
}
.widget_email_style_1 .button button {
width: 100%;
}
.widget_email_style_1 .button .btn-custom {
border: 1px solid var(--bg-btn);
padding: 12px 26px;
}
.widget_email_style_1 .button .btn-custom:hover {
background-color: #fff;
color: var(--bg-btn);
}
.widget_email_style_1 .button .btn-custom::before {
background-color: var(--bg-btn);
}
@media screen and (max-width: 768px) {
.widget_email_style_1 {
display: block !important;
}
.widget_email_style_1 .input-flex {
grid-template-columns: repeat(1, 1fr);
grid-template-areas:
"h1"
"h2"
"h3";
}
} /* Footer Bottom */
footer .footer-bottom p {
padding-top: 10px;
border-top: 2px solid #fff;
}