@import url(bootstrap.min.css);@import url(classy-nav.css);@import url(owl.carousel.min.css);@import url(animate.css);@import url(magnific-popup.css);@import url(font-awesome.min.css);*{margin:0;padding:0}
body{font-family:"Novah",sans-serif;font-size:14px}
h2,h3,h4,h5,h6{font-family:"Novah",sans-serif;color:#338c56;line-height:1.3;font-weight:700}
*{padding:0px;margin:0px;list-style:none}
.banner_t{position:absolute;left:15%;-font-size:30px;top:15%}
.banner_t h3{font-size:45px;font-weight:900;color:#ffffff;line-height:1.5;background:linear-gradient(to top,#5aa700,#098b3a 70.17%);-webkit-background-clip:text;text-transform:none}
.banner_t p{font-size:20px;margin:30px 0px 120px;color:#ffffff}
.banner_t a{padding:10px 15px;background:#338c56;color:#fff;bottom:20px;border-radius:2px}
@media(max-width:980px){.banner_t h3{font-size:22px;font-weight:700}
.banner_t p{font-size:13px;margin:10px 0px 50px;color:#ffffff}
.banner_t a{padding:5px 15px;background:#338c56;color:#fff;bottom:20px;border-radius:2px;font-size:12px !important}
}@media only screen and (max-width:736px) and (min-width:200px){.banner_t{position:absolute;left:5%;-font-size:30px;top:20%}
.top-social-info.d-flex.justify-content-end{gap:10px !important;margin-right:0px !important;margin-top:60px !important}
}.top-social-info.d-flex.justify-content-end{gap:30px;margin-top:60px;padding:0px;margin-right:20px}
.header-area .top-header-area .top-social-info .iconfont{font-size:18px}
@media only screen and (max-width:1112px) and (min-width:746px){.banner_t{position:sticky;-font-size:30px;top:20%}
}@media only screen and (max-width:1600px) and (min-width:1366px){.banner_t{position:sticky;-font-size:30px;top:20%}
}@media only screen and (max-width:1920px) and (min-width:1600px){.banner_t{position:sticky;-font-size:30px;top:20%}
}@media only screen and (max-width:2560px) and (min-width:1921px){.banner_t{position:sticky;-font-size:30px;top:20%}
}p{font-family:"Novah",sans-serif;color:#050505;font-size:14px;line-height:2.1;font-weight:400}
a,a:hover,a:focus{text-decoration:none;outline:0 solid transparent;color:rgb(84 84 84);font-weight:600;font-size:18px;font-family:"Novah",sans-serif}
p{font-family:"Novah",sans-serif;color:#050505;font-size:14px;line-height:2.1;font-weight:400}
a,a:hover,a:focus{text-decoration:none;outline:0 solid transparent;color:rgb(84 84 84);font-weight:600;font-size:18px;font-family:"Novah",sans-serif}
p{font-family:"Novah",sans-serif;color:#050505;font-size:14px;line-height:2.1;font-weight:400}
a,a:hover,a:focus{text-decoration:none;outline:0 solid transparent;color:#d1cfcf;font-weight:600;font-size:16px;font-family:"Novah",sans-serif}
ul{margin:0}
ul li{list-style:none}
img{height:auto;max-width:100%}
.mt-100{margin-top:100px !important}
.mb-30{margin-bottom:30px !important}
.mb-70{margin-bottom:70px !important}
.mb-100{margin-bottom:100px !important}
.section-padding-100{padding-top:30px;padding-bottom:60px}
.section-padding-100-0{padding-top:50px;padding-bottom:0}
.section-title{font-size:36px;color:#737373;font-weight:400}
@media only screen and (min-width:768px) and (max-width:991px){.section-title{font-size:30px}
}@media only screen and (max-width:767px){.section-title{font-size:24px}
}.bg-img{background-position:center center;background-size:cover;background-repeat:no-repeat}
.bg-pattern{position:relative;z-index:2}
.bg-pattern::after{background-repeat:repeat;content:'';position:absolute;width:100%;height:100%;top:0;left:0;right:0;z-index:-1}
.bg-fixed{background-attachment:fixed !important}
.dropdown{display:inline-block;margin-right:10px}
.header-area{position:relative;z-index:1000;width:100%}
.header-area .top-header-area{position:relative;z-index:1;width:100%;height:85px}
.header-area .egames-main-menu .top-search-area{position:relative;z-index:1}
.header-area .egames-main-menu .top-search-area form{position:relative;z-index:1;width:255px;outline:none}
@media only screen and (max-width:767px){.header-area .egames-main-menu .top-search-area form{width:150px}
}@media only screen and (min-width:480px) and (max-width:767px){.header-area .egames-main-menu .top-search-area form{width:160px}
}@media only screen and (min-width:576px) and (max-width:767px){.header-area .egames-main-menu .top-search-area form{width:200px}
}.header-area .egames-main-menu .top-search-area form input{-webkit-transition-duration:500ms;transition-duration:500ms;position:relative;z-index:1;width:100%;height:42px;background-color:#ebf5f5;border:none;color:#ababab;font-size:12px;font-style:italic;padding:0 20px;border-radius:12px}
.header-area .egames-main-menu .top-search-area form input:focus{outline:none}
.header-area .egames-main-menu .top-search-area form button{position:absolute;top:0;right:0;height:42px;z-index:10;width:50px;background-color:transparent;border:none;color:#555555;cursor:pointer}
.header-area .egames-main-menu .top-search-area form button:hover,.header-area .egames-main-menu .top-search-area form button:focus{color:#338c56;box-shadow:none}
.header-area .egames-main-menu{position:relative;width:100%;height:70px}
.header-area .egames-main-menu .classy-navbar{height:70px;padding:0}
@media only screen and (min-width:768px) and (max-width:991px){.header-area .egames-main-menu .classy-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
}@media only screen and (max-width:767px){.header-area .egames-main-menu .classy-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
}.header-area .egames-main-menu .classy-navbar .classynav ul li a{font-weight:600;text-transform:capitalize;font-size:16px;padding:0 10px;color:#232323;overflow:hidden}
.header-area .egames-main-menu .classy-navbar .classynav ul li a:hover,.header-area .egames-main-menu .classy-navbar .classynav ul li a:focus{color:#338c56}
.header-area .egames-main-menu .classy-navbar .classynav > ul > li:first-child a{padding-left:0}
@media only screen and (min-width:768px) and (max-width:991px){.header-area .egames-main-menu .classy-navbar .classynav > ul > li:first-child a{padding-left:10px}
}.top-social-info
@media only screen and (max-width:767px){.header-area .egames-main-menu .classy-navbar .classynav > ul > li:first-child a{padding-left:10px}
}.header-area .egames-main-menu .classy-navbar .classynav ul li ul li a{color:#232323;font-size:14px;padding:0 10px}
.header-area .top-header-area .top-social-info a{font-size:14px;color:#545454;display:inline-block}
@media only screen and (min-width:768px) and (max-width:991px){.header-area .top-header-area .top-social-info a{margin-left:0}
}@media only screen and (max-width:767px){.header-area .top-header-area .top-social-info a{margin-left:0px}
}.header-area .top-header-area .top-social-info a:hover,.header-area .top-header-area .top-social-info a:focus{color:#338c56}
.hero-area{position:relative;z-index:1}
.single-slide{position:relative;z-index:1;width:100%;height:700px}
@media only screen and (min-width:992px) and (max-width:1199px){.single-slide{height:500px}
}@media only screen and (min-width:768px) and (max-width:991px){.single-slide{height:500px}
}@media only screen and (max-width:767px){.single-slide{height:380px}
}.footer-area{position:relative;z-index:1;background-color:#0c0c0c;border-top:1px solid #fff;background-repeat:repeat}
.footer-area .single-footer-widget{position:relative;z-index:1}
.footer-area .single-footer-widget .widget-title{display:block;margin-bottom:60px}
.footer-area .single-footer-widget .widget-title h4{font-weight:400;color:#fff;margin-bottom:0;line-height:1}
.footer-area .single-footer-widget .widget-content p{margin-bottom:0;color:#a5a5a5;display:none}
.footer-area .single-footer-widget .widget-content ul li a{display:block;color:#a5a5a5;font-size:14px;margin-bottom:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer-area .single-footer-widget .widget-content ul li a:focus,.footer-area .single-footer-widget .widget-content ul li a:hover{color:#338c56}
.footer-area .copywrite-content{position:relative;z-index:1;background-color:rgba(0,0,0,0.4);width:100%;padding:15px 0}
.footer-area .copywrite-content .copywrite-text{font-size:12px;margin-bottom:0;color:#7d7d7d;font-weight:400}
@media only screen and (max-width:767px){.footer-area .copywrite-content .copywrite-text{margin-bottom:10px}
}@media only screen and (min-width:576px) and (max-width:767px){.footer-area .copywrite-content .copywrite-text{margin-bottom:0}
}.footer-area .copywrite-content .copywrite-text a{color:#7d7d7d;font-size:12px;font-weight:400}
.footer-area .copywrite-content .copywrite-text a:hover,.footer-area .copywrite-content .copywrite-text a:focus{color:#338c56}
.footer-area .copywrite-content .footer-nav{position:relative;z-index:1;overflow:hidden}
.footer-area .copywrite-content .footer-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
@media only screen and (max-width:767px){.footer-area .copywrite-content .footer-nav ul{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
}.footer-area .copywrite-content .footer-nav li a{position:relative;z-index:1;color:#7d7d7d;font-size:13px;font-weight:400;padding:0 15px}
@media only screen and (max-width:767px){.footer-area .copywrite-content .footer-nav li a{padding:0 3px}
}.footer-area .copywrite-content .footer-nav li a:hover,.footer-area .copywrite-content .footer-nav li a:focus{color:#338c56}
.single-articles-area{position:relative;z-index:1}
.single-articles-area .article-thumbnail{position:relative;z-index:1;-webkit-box-flex:0;-ms-flex:0 0 38%;flex:0 0 38%;max-width:38%;width:38%;overflow:hidden}
@media only screen and (max-width:767px){.single-articles-area .article-thumbnail{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%;margin-bottom:30px}
}.single-articles-area .article-thumbnail img{width:100%;-webkit-transition-duration:500ms;transition-duration:500ms}
.single-articles-area .article-thumbnail::after{-webkit-transition-duration:500ms;transition-duration:500ms;width:100%;height:100%;top:0;left:0;content:'';visibility:hidden;opacity:0}
.single-articles-area .article-content{position:relative;z-index:1;-webkit-box-flex:0;-ms-flex:0 0 62%;flex:0 0 62%;max-width:62%;width:62%;padding-left:30px;transform:translateY(-8px)}
@media only screen and (max-width:767px){.single-articles-area .article-content{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%;padding-left:0}
}.single-articles-area .article-content .post-title{font-size:18px;color:#424242;font-weight:700;display:block;margin-bottom:10px}
.single-articles-area .article-content .post-title:hover{color:#338c56}
.single-articles-area .article-content .post-meta{position:relative;z-index:1;margin-bottom:0px}
.single-articles-area .article-content .post-meta a{font-size:14px;color:#6b6b6b;font-weight:700;text-transform:uppercase}
.single-articles-area .article-content .post-meta a:first-child{margin-right:30px;color:#338c56}
.single-articles-area .article-content .post-meta a:hover,.single-articles-area .article-content .post-meta a:focus{color:#338c56}
.single-articles-area .article-content p{color:#545454;margin-bottom:0}
.single-articles-area:hover .article-thumbnail::after,.single-articles-area:focus .article-thumbnail::after{visibility:visible;opacity:1}
.single-articles-area:hover .article-thumbnail img,.single-articles-area:focus .article-thumbnail img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.single-articles-area.style-2 .article-content .post-title{color:#a5a5a5}
.single-articles-area.style-2 .article-content p{color:#737373}
.article-content{position:relative;z-index:1}
.article-content .post-title{-webkit-transition-duration:500ms;transition-duration:500ms;font-size:30px;color:#fff;font-weight:700;display:block;margin-bottom:10px}
.article-content .post-title:hover{color:#338c56}
.article-content .post-meta{position:relative;z-index:1;margin-bottom:50px}
.article-content .post-meta a{font-size:14px;color:#6b6b6b;font-weight:700;text-transform:uppercase;margin-right:30px}
.article-content .post-meta a:last-child{margin-right:0}
.article-content .post-meta a:hover,.article-content .post-meta a:focus{color:#338c56}
.article-content p{color:#050505}
.sidebar-area{position:relative;z-index:1}
.single-widget-area{position:relative;z-index:1}
.single-widget-area.add-widget{margin-bottom:160px}
.single-widget-area.add-widget img{width:100%}
.monthly-picks-area{position:relative;z-index:1;background-color:#f9f9f9;overflow:hidden}
.monthly-picks-area .nav-tabs{border-bottom:2px solid #e9e9e9;margin-bottom:80px}
.classy-menu::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / 30%);background-color:#9a9a9a}
.classy-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgb(99 99 99 / 30%);border-radius:10px;background-color:#ffffff}
.classy-menu::-webkit-scrollbar{width:5px}
@media screen and (max-width:1198px){}
.yqlj{background:#000000;font-size:12px}
.yqlj a{color:#a5a5a5;font-weight:500;font-size:12px}
.yqlj em{color:#545454;font-style:normal;margin:0 10px}
.yqlj text{color:#d4d4d4;font-weight:500;margin:0 20px;font-size:12px}
.svgtb{width:45px;padding:0;text-align:center;margin:0px 10px 0px 28px;color:#5D5B5D}
.svg p{padding:0px 0px 0px 0px;margin:0 auto;font-size:8px}
.svg{display:-webkit-flex;display:flex}
.banner_t h3{font-size:45px;font-weight:900;color:#338c56;line-height:1.5;text-shadow:-2px -2px 0 #ffffff,2px -2px 0 #ffffff,-2px 2px 0 #ffffff,2px 2px 0 #ffffff,0px 2px 2px rgba(255,255,255,0.6)}
.banner_t h4{text-shadow:-1px -1px 0 #ffffff,1px -1px 0 #ffffff,-1px 1px 0 #ffffff,1px 1px 0 #ffffff,0px 1px 1px rgba(255,255,255,0.6);font-weight:400}
.banner_t p{color:#5D5B5D;width:max-content;display:-webkit-box}
@media (max-width:980px){.banner_t h3{font-size:22px;font-weight:700}
.banner_t h4{font-size:18px}
.svgtb{display:none}
.svg p{display:none}
.banner_t{line-height:12px}
}@media only screen and (max-width:736px) and (min-width:200px){.phone{width:100%;height:100%;background-repeat:no-repeat;background-size:cover}
}@media only screen and (max-width:767px){.single-slide{height:380px}
}#carousel-container{width:100%;margin:auto;overflow:hidden;position:relative;border-radius:8px}
#image-carousel{display:flex;transition:transform 0.5s ease-in-out}
.carousel-image{width:100%;height:auto}
.carousel-itemzh{min-width:100%;box-sizing:border-box;position:relative}
.carousel-caption2{position:absolute;top:0%;left:8%;font-weight:bold;opacity:1;z-index:2;width:revert;right:8%}
.carousel-caption-hover{position:absolute;top:75%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-size:24px;font-weight:bold;opacity:0;z-index:2}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#35353563;z-index:1;opacity:0;transition:opacity 0.3s ease-in-out;background-image:linear-gradient(rgba(49,49,49,0.8),rgba(0,0,0,0.01));border-radius:8px}
.carousel-itemzh:hover .overlay{opacity:1}
.caption-textzh{font-size:24px;font-weight:bold;text-shadow:2px 2px 4px rgba(0,0,0,0.8)}
.carousel-indicatorszh{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;z-index:2}
.cookie-popup{position:fixed;bottom:0;left:0;right:0;background-color:#fafafa;padding:10px;text-align:center;display:none;z-index:99999999;box-shadow:0px 0px 10px 1px rgba(0,0,0,0.3)}
.cookie-popup p{color:#545454;font-size:14px;font-weight:200}
.cookie-popup button{font-size:15px;font-weight:600;padding:5px 10px;border-radius:8px;background-color:#eee;outline:none;border:5px solid transparent;margin:0 autoï¼›}
.cookie-status{font-weight:400;margin-top:10px;color:#1d1d1d}
.product_img_container:hover .default-text{transition:all 0.3s ease}
.hidden-link{text-decoration:none;color:inherit}
.product_img_container{position:relative;width:100%;height:100%;padding:0;transition:transform 250ms;background-color:#eeeeee;border-radius:12px}
.product_text_container{top:0%;left:0;right:0;padding:13px 0px 5px 0px;font-weight:bold;text-align:center;overflow:hidden;align-items:center;justify-content:center}
.product_bigtext{position:absolute;top:70%;padding:10px;font-weight:400;left:0;right:0}
.product_bigtext h5{font-size:22px;font-weight:600;text-align:center;color:white}
.product_bigtext p{font-size:16px;font-weight:400;text-align:center;color:white}
.product_text_container h5{font-size:20px;text-align:center;color:#1d1d1d;font-weight:400}
.product_text_container p{font-size:13px;font-weight:400;text-align:center;color:#4b4b4b}
.product_bigtext h5 span{font-size:32px;font-weight:600;text-align:center;color:#338c56}
.case_display{transition:transform 250ms}
.case_display:hover{transform:translateY(5px)}
.case_display{position:relative;display:inline-block}
.default-img,.hover-img{display:block;width:100%;transition:opacity 0.3s ease-in-out;border-radius:12px}
.hover-img{position:absolute;top:0;left:0;opacity:0}
.case_display:hover .hover-img{opacity:1}
.case_display:hover .default-img{opacity:0}
.product_bigtext{transition:opacity 0.3s ease-in-out}
.case_display:hover .product_bigtext{opacity:0}
.product_img_container:hover::before{opacity:0}
.product_img_container:hover{opacity:1;transform:translateY(-5px)}
.card-img-top{border-radius:12px 12px 0px 0px;height:auto}
.pdf-card-background{position:relative;transition:filter 250ms;border-radius:12px}
.pdf-card-background::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 0.3s ease;border-radius:12px}
.pdf-card-background:hover::before{opacity:0}
.pdf-card-background img{width:100%;height:auto;border-radius:12px;transition:filter 250ms;max-height:160px}
.pdf-card-content{position:absolute;top:5%;padding:10px;text-align:center;overflow:hidden;pointer-events:none}
.pdf-card-content{color:#f5f5f7;border-radius:12px;display:flex;flex-direction:column;height:calc(100% - 40px);justify-content:space-between;width:calc(100% - 40px)}
.pdf-card-content-header{display:flex;flex-direction:column;gap:2px}
.pdf-card{transition:transform 250ms;position:relative}
.pdf-card:hover{transform:translateY(-5px)}
.pdf-icon{color:#f5f5f7;font-size:45px !important;text-align:right;bottom:-8%;left:85%;position:absolute}
.pdf-card-content span{text-align:left}
.pdf-card-label{color:#338c56;font-weight:600;font-size:20px;white-space:nowrap}
.pdf-card-name{font-weight:400;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdf-card-date{font-weight:400;font-size:12px;bottom:0%;position:absolute}
.video-card-background{position:relative;transition:filter 250ms;border-radius:12px}
.video-card-background::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 0.3s ease;border-radius:12px;cursor:pointer}
.video-card-background:hover::before{opacity:0}
.video-card-background img{width:100%;height:auto;border-radius:12px;transition:filter 250ms;max-height:160px}
.video-card-content{position:absolute;top:5%;padding:10px;text-align:center;overflow:hidden;pointer-events:none}
.video-card-content{color:#f5f5f7;border-radius:12px;display:flex;flex-direction:column;height:calc(100% - 40px);justify-content:space-between;width:calc(100% - 40px)}
.video-card{transition:transform 250ms;position:relative;cursor:pointer}
.video-card:hover{transform:translateY(-5px)}
.video-icon{color:#f5f5f7;font-size:45px !important;text-align:right;bottom:-8%;left:70%;position:absolute}
.video-card-content span{text-align:left}
.video-card-label{color:#338c56;font-weight:600;font-size:20px;white-space:nowrap}
.video-card-name{font-weight:400;font-size:16px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.video-card-date{font-weight:400;font-size:12px;bottom:0%;position:absolute}
@media only screen and (max-width:425px){.product_img_container{position:relative;width:100%;margin:0 auto}
.product_bigtext{position:absolute;top:20%;padding:10px;font-weight:400}
.product_text_container{top:60%}
.pdf-card-content{height:calc(100% - 10px)}
.video-card-content{height:calc(100% - 20px)}
}@media only screen and (max-width:1112px) and (min-width:746px){.product_bigtext{position:absolute;top:50%;padding:10px;font-weight:400;text-align:center}
.product_text_container{position:absolute;top:65%;left:0;right:0;padding:0px;font-weight:bold;text-align:center;overflow:hidden;align-items:center;justify-content:center;width:100%}
.product_text_container h5{font-size:16px;font-weight:500;text-align:center;color:#f5f5f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product_text_container p{font-size:12px;font-weight:400;text-align:center;color:#f5f5f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}.video-modal{display:none;position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;background:rgba(255,255,255,1);justify-content:center;align-items:center;transition:opacity 0.3s ease-in-out}
.video-modal-content{position:relative;background:#000;padding:20px;width:80%;max-width:1140px;height:auto;box-shadow:0 4px 10px rgba(0,0,0,0.3);animation:fadeIn 0.3s ease-in-out}
@keyframes fadeIn{from{opacity:0;transform:scale(0.9)}
to{opacity:1;transform:scale(1)}
}.close-btn{position:absolute;top:10%;right:2%;font-size:24px;color:#fff;cursor:pointer;background-color:#545454;border-radius:50%;height:40px;width:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 5px 2px rgba(0,0,0,0.15)}
.video-modal iframe{width:100%;height:450px}
@keyframes shimmer{0%{background-position:-200% 0}
100%{background-position:200% 0}
}.skeleton{background:linear-gradient(90deg,#f3f3f3 25%,#e0e0e0 50%,#f3f3f3 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}
.skeleton-wrapper{position:relative;width:100%;display:inline-block}
.skeleton-img{width:100%;height:100%;position:absolute;top:0;left:0}
.lazy-load{width:100%;height:auto;opacity:0;transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out}
.single-articles-area .article-content.hd p{color:#cacaca !important}
h2{color:#cacaca !important}
.article-content .post-title:hover{color:#338c56 !important}
.subscribe-wrapper{position:relative;width:100%;margin-top:20px}
.subscribe_text{height:45px;width:100%;padding:0 80px 0 15px;border:2px solid #338c56;border-radius:18px;background:transparent;color:#fff;outline:none;box-sizing:border-box}
.subscribe_icon_button{position:absolute;top:50%;right:10px;transform:translateY(-50%);height:30px;padding:0 16px;font-size:14px;background-color:#338c56;color:#fff;border:none;border-radius:50px;cursor:pointer;transition:background-color 0.3s ease;transition:all 0.3s ease}
.subscribe_icon_button:hover{background-color:#2a6f45;right:8px}