.header-social-icons {
display: inline-flex;
align-items: center;
margin-right: 15px;
gap: 25px;
}
.header-social-icons .social-icon {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: all 0.3s ease;
}
.header-social-icons .social-icon i {
font-size: 18px;
transition: all 0.3s ease;
} .header-social-icons .social-instagram i {
font-size: 19px;
} .header-social-icons .social-email i {
color: #021a47;
}
.header-social-icons .social-facebook i {
color: #1877f2;
}
.header-social-icons .social-instagram i {
color: #e1306c;
} .header-social-icons .social-icon:hover {
transform: scale(1.15);
}
.header-social-icons .social-icon:hover i {
opacity: 0.8;
} @media screen and (max-width: 1190px) {
.header-social-icons {
display: none;
}
} .main-menu .menu-item-language a,
.main-menu .menu-item-language .wpml-ls-native {
font-size: 17px;
} .main-menu .sub-menu .menu-item-language a:hover::before {
content: '';
display: inline-block;
width: 10px;
margin-right: 5px;
}    .footer_container.col-6 .cws-widget {
width: calc(16.66% - 30px) !important;
}  @media screen and (max-width: 1199px) {
.footer_container.col-6 .cws-widget {
width: calc(33% - 30px) !important;
}
} @media screen and (max-width: 767px) {
.footer_container.col-6 .cws-widget {
width: calc(50% - 30px) !important;
}
} @media screen and (max-width: 479px) {
.footer_container.col-6 .cws-widget {
width: calc(100% - 30px) !important;
}
}  .footer_container .cws-widget {
margin-bottom: 3 0px !important;
} .page_footer .cws-widget .widget-title,
.footer_container .cws-widget .widget-title {
font-size: 16px !important;
line-height: 1.4 !important;
margin-bottom: 8px !important;
} footer .cws-widget ul li,
footer .cws-widget ul li a,
.footer_container .cws-widget ul li,
.footer_container .cws-widget ul li a {
font-size: 14px !important;
font-weight: normal !important;
line-height: 1.0 !important;
} footer .cws-widget ul li,
.footer_container .cws-widget ul li {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin: 0 !important;
}
aside .cws-widget ul:not(.menu) li {
padding: 0px !important;
} .copyrights_area.bottom_fixed {
z-index: 9999 !important;
}  .fa-whatsapp:before {
font-family: "Font Awesome 6 Brands" !important;
content: "\f232" !important;
} .fa-qq:before {
font-family: "Font Awesome 6 Brands" !important;
content: "\f1d6" !important;
} .fa-wechat:before,
.fa-weixin:before {
font-family: "Font Awesome 6 Brands" !important;
content: "\f1d7" !important;
}   .cws_service_item {
text-align: left;
transition: all 0.3s ease;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.cws_service_item:hover {
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
transform: translateY(-5px);
} .cws_service_item .cws_searvice_icon_wrapper {
display: block;
text-align: center;
} .cws_service_item .cws_service_icon {
font-size: 50px !important;
line-height: 1;
} .cws_service_item .divider {
width: 25px !important;
height: 3px;
background-color: #f27420;
} .cws_service_item .cws_service_desc {
line-height: 1.8em !important;
} .cws_service_item.dark-bg {
background-color: #1d2d46f5 !important;
}
.cws_service_item.dark-bg .cws_service_title {
color: #f27420 !important;
}
.cws_service_item.dark-bg .cws_service_desc,
.cws_service_item.dark-bg .cws_service_desc p {
color: #ffffff !important;
}
.cws_service_item.dark-bg .cws_service_icon {
color: rgba(255,255,255,0.8) !important;
}
.cws_service_item.dark-bg .divider {
background-color: #f27420 !important;
} .cws_service_item.dark-bg:hover {
background-color: rgba(255,255,255,0.95) !important;
}
.cws_service_item.dark-bg:hover .cws_service_title {
color: rgba(29,45,70,0.95) !important;
}
.cws_service_item.dark-bg:hover .cws_service_desc,
.cws_service_item.dark-bg:hover .cws_service_desc p {
color: rgba(29,45,70,0.95) !important;
}
.cws_service_item.dark-bg:hover .cws_service_icon {
color: rgba(29,45,70,0.95) !important;
}
.cws_service_item.dark-bg:hover .divider {
background-color: rgba(29,45,70,0.95) !important;
} .cws_service_item.light-bg {
background-color: #ffffff !important;
}
.cws_service_item.light-bg .cws_service_title {
color: #021a47 !important;
}
.cws_service_item.light-bg .cws_service_desc,
.cws_service_item.light-bg .cws_service_desc p {
color: #ffffff !important;
}
.cws_service_item.light-bg .cws_service_icon {
color: #ffffff !important;
}
.cws_service_item.light-bg .divider {
background-color: #021a47 !important;
} .cws_service_item.light-bg .cws_custom_button {
color: #ffffff !important;
border-bottom-color: #ffffff !important;
margin-top: 20px;
}
.cws_service_item.light-bg .cws_custom_button_wrapper.simple > span:before {
background-color: #ffffff !important;
} @media screen and (max-width: 991px) {
.cws_service_item {
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.cws_service_item .cws_service_icon {
font-size: 30px !important;
}
} h3.post_title.post_post_title.posts_grid_post_title {
font-size: 20px;
}  .floating-contact-widget {
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 999;
display: flex;
flex-direction: column;
gap: 0;
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
overflow: visible;
width: 50px;
}
.floating-contact-item {
position: relative;
overflow: visible;
}
.floating-contact-item .contact-link {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
text-decoration: none;
transition: all 0.3s ease;
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
} .floating-contact-item .contact-link::before {
content: '';
position: absolute;
right: 100%;
top: 0;
bottom: 0;
width: 0;
transition: width 0.3s ease;
border-bottom: inherit;
z-index: 0;
}
.floating-contact-item .contact-link:hover::before {
width: 3px;
}
.floating-contact-item:last-child .contact-link {
border-bottom: none;
}
.floating-contact-item .contact-link i {
font-size: 22px;
color: #ffffff;
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
.floating-contact-item .contact-label {
position: absolute;
left: 8px;
top: 50%;
transform: translate(-100%, -50%);
background: rgba(0, 0, 0, 0.9);
color: #ffffff;
padding: 10px 18px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
pointer-events: none;
box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.3);
z-index: 1000;
} .floating-contact-item .contact-label::after {
content: '';
position: absolute;
right: -8px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 8px solid rgba(0, 0, 0, 0.9);
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.floating-contact-item:hover .contact-label {
opacity: 1;
visibility: visible;
left: -14px;
} .contact-email {
background: #0072C6;
}
.contact-email:hover {
background: #005a9e;
box-shadow: -3px 0 8px rgba(0, 0, 0, 0.3);
}
.contact-email:hover::before {
background: #005a9e;
}
.contact-skype {
background: #00AFF0;
}
.contact-skype:hover {
background: #008dc7;
box-shadow: -3px 0 8px rgba(0, 0, 0, 0.3);
}
.contact-skype:hover::before {
background: #008dc7;
}
.contact-whatsapp {
background: #25D366;
}
.contact-whatsapp:hover {
background: #20b358;
box-shadow: -3px 0 8px rgba(0, 0, 0, 0.3);
}
.contact-whatsapp:hover::before {
background: #20b358;
}
.contact-messenger {
background: #0084FF;
}
.contact-messenger:hover {
background: #006acc;
box-shadow: -3px 0 8px rgba(0, 0, 0, 0.3);
}
.contact-messenger:hover::before {
background: #006acc;
}
.contact-phone {
background: #f27420;
}
.contact-phone:hover {
background: #d66419;
box-shadow: -3px 0 8px rgba(0, 0, 0, 0.3);
}
.contact-phone:hover::before {
background: #d66419;
}
.contact-page {
background: #1d2d46;
}
.contact-page:hover {
background: #162338;
box-shadow: -3px 0 8px rgba(0, 0, 0, 0.3);
}
.contact-page:hover::before {
background: #162338;
} @media screen and (max-width: 991px) {
.floating-contact-widget {
right: 0;
top: auto;
bottom: 0;
transform: none;
flex-direction: row;
width: 100%;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
}
.floating-contact-item {
flex: 1;
}
.floating-contact-item .contact-link {
width: 100%;
height: 55px;
border-bottom: none;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.floating-contact-item:last-child .contact-link {
border-right: none;
}
.floating-contact-item .contact-label {
display: none;
}
}
@media screen and (max-width: 576px) {
.floating-contact-item .contact-link {
height: 50px;
}
.floating-contact-item .contact-link i {
font-size: 20px;
}
}   .product-navigation-wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} .product-nav-top {
background: #1d2d46;
border-radius: 8px;
margin-bottom: 30px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.product-nav-top nav {
padding: 0;
}
.product-top-nav {
display: flex;
list-style: none;
margin: 0;
padding: 0;
justify-content: space-around;
}
.product-top-nav li {
flex: 1;
margin: 0;
position: relative;
}
.product-top-nav li a {
display: block;
padding: 18px 25px;
color: #ffffff;
text-decoration: none;
text-align: center;
font-weight: 500;
font-size: 15px;
transition: all 0.3s ease;
border-bottom: 3px solid transparent;
}
.product-top-nav li a:hover {
background: rgba(242, 116, 32, 0.1);
border-bottom-color: #f27420;
} .product-top-nav li.current-menu-item a,
.product-top-nav li.current_page_item a,
.product-top-nav li.current-menu-ancestor a {
background: #f27420;
border-bottom-color: #ff8c42;
font-weight: 600;
} .product-content-area {
display: flex;
gap: 30px;
align-items: flex-start;
} .product-sidebar {
width: 250px;
flex-shrink: 0;
background: #ffffff;
border-radius: 8px;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
padding: 25px 0;
}
.product-sidebar-title {
font-size: 18px;
color: #1d2d46;
font-weight: 600;
padding: 0 25px 15px;
margin: 0 0 15px;
border-bottom: 2px solid #f27420;
}
.product-sidebar-nav {
list-style: none;
margin: 0;
padding: 0;
}
.product-sidebar-nav li {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
list-style-type: none !important;
}
.product-sidebar-nav li::before,
.product-sidebar-nav li::after,
.product-sidebar-nav li > *::before,
.product-sidebar-nav li > *::after {
display: none !important;
content: none !important;
visibility: hidden !important;
}
.product-sidebar-nav li a {
display: block;
padding: 10px 20px 10px 20px;
margin: 0;
color: #616161;
text-decoration: none;
font-size: 14px;
transition: all 0.2s ease;
background: #e8e8e8;
border-radius: 0;
position: relative;
}
.product-sidebar-nav li a::before,
.product-sidebar-nav li a::after,
.product-sidebar-nav li a > *::before,
.product-sidebar-nav li a > *::after {
display: none !important;
content: none !important;
visibility: hidden !important;
}
.product-sidebar-nav li a i,
.product-sidebar-nav li a .fa,
.product-sidebar-nav li a .fas,
.product-sidebar-nav li a .far,
.product-sidebar-nav li a .fab,
.product-sidebar-nav li a [class*="icon"],
.product-sidebar-nav li a [class*="fa-"] {
display: none !important;
}
.product-sidebar-nav li a:hover {
background: #d6d6d6;
color: #212121;
} .product-sidebar-nav li.current-menu-item a,
.product-sidebar-nav li.current_page_item a {
background: #fff3e0;
color: #212121;
font-weight: 600;
} .product-main-content {
flex: 1;
background: #ffffff;
border-radius: 8px;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
padding: 30px;
min-height: 500px;
} @media screen and (max-width: 991px) {
.product-top-nav {
flex-wrap: wrap;
}
.product-top-nav li {
flex: 0 0 50%;
}
.product-content-area {
flex-direction: column;
}
.product-sidebar {
width: 100%;
}
}
@media screen and (max-width: 576px) {
.product-top-nav li {
flex: 0 0 100%;
}
.product-top-nav li a {
padding: 15px 20px;
}
.product-sidebar {
padding: 20px 0;
}
.product-main-content {
padding: 20px;
}
}   .page-template-template-products .header_box.bg_page_header {
display: none !important;
}
.page-template-template-products .page_title {
display: none !important;
} .products-template-wrapper {
width: 100%;
} .product-banner {
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
margin-bottom: 0;
}
.product-banner-image {
width: 100%;
height: 100%;
object-fit: cover;
} .product-banner.default-banner {
background: linear-gradient(135deg, #1d2d46 0%, #2a3f5f 100%);
} .product-banner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(29, 45, 70, 0.5);
display: flex;
align-items: center;
justify-content: center;
}
.product-banner-content {
text-align: center;
color: #ffffff;
padding: 0 20px;
}
.product-banner-title {
font-size: 48px;
font-weight: bold;
color: #ffffff;
margin: 0;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
} .product-quick-nav-section {
background: #ffffff;
padding: 30px 0;
}
.product-quick-nav {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.product-cat-card {
background: #e8e8e8;
border-radius: 0;
padding: 12px 18px;
text-align: left;
text-decoration: none;
transition: all 0.2s ease;
display: flex;
flex-direction: row;
align-items: center;
gap: 14px;
position: relative;
min-height: 52px;
}
.product-cat-card:hover {
background: #d6d6d6;
}
.product-cat-card.active {
background: #fff3e0;
}
.product-cat-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 28px;
height: 28px;
}
.product-cat-icon i {
font-size: 24px;
color: #616161;
transition: color 0.2s ease;
}
.product-cat-card:hover .product-cat-icon i {
color: #424242;
}
.product-cat-card.active .product-cat-icon i {
color: #f27420;
}
.product-cat-title {
font-size: 16px;
font-weight: 500;
color: #424242;
margin: 0 !important;
padding: 0 !important;
transition: color 0.2s ease;
line-height: 1;
flex: 1;
display: flex;
align-items: center;
}
.product-cat-card:hover .product-cat-title {
color: #212121;
}
.product-cat-card.active .product-cat-title {
color: #212121;
font-weight: 600;
} .product-content-wrapper {
padding: 0 0 60px 0;
background: #ffffff;
}
.product-layout {
display: flex;
gap: 40px;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
align-items: flex-start;
} .product-sidebar-menu {
width: 260px;
flex-shrink: 0;
background: #f5f5f5;
border-radius: 0;
padding: 0;
}
.sidebar-menu-title {
font-size: 16px;
color: #ffffff;
font-weight: 600;
background: #112c5f;
padding: 12px 20px;
margin: 0 !important;
} .product-main-area {
flex: 1;
}
.product-content {
background: #ffffff;
border-radius: 0;
box-shadow: none;
padding: 0;
}
.product-content h1,
.product-content h2,
.product-content h3 {
color: #1d2d46;
}
.product-content p {
line-height: 1.8;
color: #333;
} @media screen and (max-width: 991px) {
.product-banner {
height: 300px;
}
.product-banner-title {
font-size: 36px;
}
.product-quick-nav {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.product-layout {
flex-direction: column;
}
.product-sidebar-menu {
width: 100%;
position: static !important;
max-height: none;
}
}
@media screen and (max-width: 576px) {
.product-banner {
height: 250px;
}
.product-banner-title {
font-size: 28px;
}
.product-quick-nav-section {
padding: 30px 0;
}
.product-quick-nav {
grid-template-columns: 1fr;
gap: 12px;
}
.product-cat-card {
padding: 20px 15px;
}
.product-content-wrapper {
padding: 40px 0;
}
.product-content {
padding: 25px 20px;
}
}  .cws-media-center {
width: 100%;
margin: 0 auto;
padding: 20px 0;
} .media-center-filters {
text-align: center;
margin-bottom: 40px;
padding: 0 20px;
}
.media-center-filters .filter-btn {
background: #f5f5f5;
border: 2px solid #e0e0e0;
color: #424242;
padding: 12px 30px;
margin: 0 8px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
border-radius: 4px;
outline: none;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.media-center-filters .filter-btn:hover {
background: #1d2d46;
border-color: #1d2d46;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(29, 45, 70, 0.2);
}
.media-center-filters .filter-btn.active {
background: #f27420;
border-color: #f27420;
color: #ffffff;
box-shadow: 0 4px 12px rgba(242, 116, 32, 0.3);
}   .cws-media-center .product-main-area {
order: 1;
flex: 1;
}
.cws-media-center .product-sidebar-menu {
order: 2;
position: sticky;
top: 20px;
max-height: calc(100vh - 40px);
overflow-y: auto;
} .media-center-grid {
display: grid;
gap: 30px;
} .cws-media-center .posts_grid_post {
padding: 0 0 25px 0;
margin-bottom: 15px;
background: transparent;
border: 0px;
border-bottom: 1px solid #e8e8e8;
border-radius: 0;
box-shadow: none;
transition: all 0.3s ease;
cursor: pointer;
}
.cws-media-center .posts_grid_post:hover {
box-shadow: none;
transform: none;
}
.cws-media-center .posts_grid_post:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
} .cws-media-center .post_title {
font-size: 24px;
line-height: 1.4;
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 12px;
} .cws-media-center .post_top_wrapper {
margin-bottom: 16px;
}
.cws-media-center .inline_date {
font-size: 14px;
color: #999;
}
.cws-media-center .inline_date a {
color: #999;
transition: color 0.3s ease;
}
.cws-media-center .inline_date a:hover {
color: #f27420;
} .content-type-tag {
display: inline-block;
padding: 4px 12px;
font-size: 12px;
font-weight: 600;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.content-type-tag.tag-video {
background-color: #f27420;
color: #ffffff;
}
.content-type-tag.tag-news {
background-color: #3498db;
color: #ffffff;
} .media-center-grid .post_post_info.posts_grid_post_info {
padding: 0 !important;
} .item .post_wrapper .cws_custom_button_wrapper {
margin-top: 16px;
} .item .post_content:not(:empty) {
margin-top: 0px;
} .video-thumbnail-wrapper,
.news-thumbnail-wrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 250px;
margin-bottom: 20px;
border-radius: 2px;
}
.video-thumbnail-wrapper img,
.news-thumbnail-wrapper img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.posts_grid_post:hover .video-thumbnail-wrapper img,
.posts_grid_post:hover .news-thumbnail-wrapper img {
transform: scale(1.05);
} .video-overlay-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: opacity 0.3s ease;
z-index: 2;
}
.posts_grid_post:hover .video-overlay-wrapper {
opacity: 1;
} .media-center-grid.layout-small {
grid-template-columns: 1fr;
gap: 25px;
}
.media-center-grid.layout-2 {
grid-template-columns: repeat(2, 1fr);
}
.media-center-grid.layout-3 {
grid-template-columns: repeat(3, 1fr);
}
.media-center-grid.layout-4 {
grid-template-columns: repeat(4, 1fr);
} .media-item {
background: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
}
.media-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.media-item-inner {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
} .media-center-grid.layout-small .media-item {
border-radius: 0;
box-shadow: none;
border-bottom: 1px solid #e8e8e8;
background: #ffffff;
padding: 30px 0;
overflow: visible;
}
.media-center-grid.layout-small .media-item:hover {
transform: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
background: #fafafa;
padding: 30px 20px;
margin: 0 -20px;
}
.media-center-grid.layout-small .media-item:first-child {
padding-top: 0;
}
.media-center-grid.layout-small .media-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.media-center-grid.layout-small .media-item-inner {
flex-direction: row;
gap: 35px;
align-items: flex-start;
} .media-thumbnail {
position: relative;
overflow: hidden;
background: #f5f5f5;
padding-top: 56.25%; }
.media-thumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.media-item:hover .media-thumbnail img {
transform: scale(1.1);
} .media-center-grid.layout-small .media-thumbnail {
position: relative;
flex-shrink: 0;
width: 320px;
padding-top: 0;
height: 200px;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
}
.media-center-grid.layout-small .media-item:hover .media-thumbnail {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
.media-center-grid.layout-small .media-thumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .media-center-grid.layout-small .media-overlay {
position: absolute !important;
inset: 0 !important;
z-index: 10 !important;
} .media-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
opacity: 0;
transition: opacity 0.3s ease;
z-index: 2;
}
.media-item:hover .media-overlay {
opacity: 1;
} .video-play-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 15px 30px;
background: #f27420;
color: #ffffff;
text-decoration: none;
border-radius: 50px;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(242, 116, 32, 0.4);
}
.video-play-btn:hover {
background: #d66419;
transform: scale(1.05);
box-shadow: 0 6px 20px rgba(242, 116, 32, 0.6);
color: #ffffff;
}
.video-play-btn i {
font-size: 16px;
} .blog-read-more {
display: inline-flex;
align-items: center;
padding: 15px 30px;
background: #1d2d46;
color: #ffffff;
text-decoration: none;
border-radius: 50px;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(29, 45, 70, 0.4);
}
.blog-read-more:hover {
background: #f27420;
transform: scale(1.05);
box-shadow: 0 6px 20px rgba(242, 116, 32, 0.6);
color: #ffffff;
} .video-duration {
position: absolute;
bottom: 15px;
right: 15px;
background: rgba(0, 0, 0, 0.85);
color: #ffffff;
padding: 5px 12px;
border-radius: 4px;
font-size: 13px;
font-weight: 600;
z-index: 3;
} .media-content {
padding: 25px;
flex: 1;
display: flex;
flex-direction: column;
} .media-center-grid.layout-small .media-content {
padding: 0;
flex: 1;
justify-content: flex-start;
} .media-center-grid.layout-small .media-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 12px;
line-height: 1.5;
} .media-center-grid.layout-small .media-excerpt {
margin-bottom: 15px;
line-height: 1.8;
color: #666;
} .media-center-grid.layout-small .media-read-more {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 600;
color: #f27420;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: all 0.3s ease;
margin-top: auto;
}
.media-center-grid.layout-small .media-read-more:hover {
color: #1d2d46;
gap: 12px;
}
.media-center-grid.layout-small .media-read-more i {
font-size: 12px;
transition: transform 0.3s ease;
}
.media-center-grid.layout-small .media-read-more:hover i {
transform: translateX(4px);
} .media-meta {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
gap: 10px;
flex-wrap: wrap;
}
.media-type-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.media-type-badge.video-badge {
background: #f27420;
color: #ffffff;
}
.media-type-badge.blog-badge {
background: #1d2d46;
color: #ffffff;
}
.media-type-badge i {
font-size: 13px;
}
.media-date {
color: #757575;
font-size: 13px;
font-weight: 500;
} .media-title {
font-size: 18px;
font-weight: 700;
line-height: 1.4;
margin: 0 0 15px 0;
color: #1d2d46;
transition: color 0.3s ease;
}
.media-title a {
color: #1d2d46;
text-decoration: none;
transition: color 0.3s ease;
}
.media-title a:hover {
color: #f27420;
} .media-excerpt {
font-size: 14px;
line-height: 1.7;
color: #616161;
margin-bottom: 0;
}
.media-excerpt p {
margin: 0;
}  .media-center-pagination {
margin-top: 50px;
padding: 30px 0;
border-top: 1px solid #e8e8e8;
text-align: center;
}
.media-center-pagination .page-numbers {
display: inline-flex;
list-style: none;
padding: 0;
margin: 0;
gap: 10px;
}
.media-center-pagination .page-numbers li {
list-style: none;
}
.media-center-pagination .page-numbers a,
.media-center-pagination .page-numbers span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 45px;
height: 45px;
padding: 0 15px;
background: #ffffff;
border: 2px solid #e0e0e0;
color: #424242;
text-decoration: none;
font-size: 15px;
font-weight: 600;
border-radius: 4px;
transition: all 0.3s ease;
}
.media-center-pagination .page-numbers a:hover {
background: #f27420;
border-color: #f27420;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(242, 116, 32, 0.3);
}
.media-center-pagination .page-numbers .current {
background: #1d2d46;
border-color: #1d2d46;
color: #ffffff;
}
.media-center-pagination .page-numbers .prev,
.media-center-pagination .page-numbers .next {
padding: 0 20px;
gap: 8px;
}
.media-center-pagination .page-numbers .dots {
border: none;
background: transparent;
pointer-events: none;
} .pagination .page_links .page-numbers {
border: 1px solid transparent !important;
transition: all 0.3s ease;
}
.pagination .page_links .page-numbers:hover {
border-color: transparent !important;
}
.pagination .page_links .page-numbers.current {
border-color: transparent !important;
} .video-lightbox-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.95);
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.video-lightbox-container {
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.video-lightbox-close {
position: absolute;
top: -60px;
right: 0;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.1);
border: none;
color: #ffffff;
font-size: 28px;
line-height: 1;
cursor: pointer;
border-radius: 4px;
transition: all 0.3s ease;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(10px);
}
.video-lightbox-close:hover {
background: rgba(242, 116, 32, 0.9);
transform: scale(1.1);
}
.video-lightbox-content {
position: relative;
width: 100%;
padding-top: 56.25%; background: #000000;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.8);
}
.video-lightbox-content iframe,
.video-lightbox-content video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}  @media screen and (max-width: 991px) {
.media-center-grid.layout-3,
.media-center-grid.layout-4 {
grid-template-columns: repeat(2, 1fr);
}
.media-center-filters .filter-btn {
padding: 10px 20px;
margin: 0 5px 10px;
font-size: 14px;
} .cws-media-center .product-sidebar-menu {
width: 100%;
position: static !important;
max-height: none;
}
} @media screen and (max-width: 767px) {
.media-center-grid.layout-2,
.media-center-grid.layout-3,
.media-center-grid.layout-4 {
grid-template-columns: 1fr;
gap: 20px;
}
.media-center-filters {
margin-bottom: 30px;
}
.media-center-filters .filter-btn {
padding: 10px 18px;
margin: 0 3px 8px;
font-size: 13px;
}
.media-content {
padding: 20px;
}
.media-title {
font-size: 16px;
}
.video-lightbox-close {
top: -45px;
width: 45px;
height: 45px;
font-size: 28px;
} .media-center-grid.layout-small .media-item-inner {
flex-direction: column;
gap: 15px;
}
.media-center-grid.layout-small .media-thumbnail {
width: 100%;
height: auto;
padding-top: 56.25%;
}
.media-center-grid.layout-small .media-thumbnail img {
position: absolute;
top: 0;
left: 0;
}
.media-center-grid.layout-small .media-content {
padding: 0 15px 15px;
}
}
@media screen and (max-width: 480px) {
.video-play-btn,
.blog-read-more {
padding: 12px 24px;
font-size: 12px;
}
.media-type-badge {
font-size: 11px;
padding: 5px 12px;
}
}