File Content: servicebox-style-12.css .ts-servicebox-style-12, .ts-servicebox-style-12 .ts-blog-link .themestek-box-link, .ts-servicebox-style-12.themestek-box h3 a, .ts-servicebox-style-12.themestek-box .themestek-box-desc, .ts-servicebox-style-12 .themestek-box-content .ts-ihbox-icon i, .ts-servicebox-style-12 .themestek-box-content .ts-ihbox-icon, .ts-servicebox-style-12 .themestek-box-content{ -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .ts-servicebox-style-12 .themestek-box-content { position: relative; background-color: transparent; border: 1px solid rgba(var(--tste-labtechco-skincolor-dark-rgb), 0.20); } .themestek-boxes-spacing-0px .ts-box-col-wrapper:not(:first-child) .ts-servicebox-style-12 .themestek-box-content{ border-left-width: 0; } .rtl .themestek-boxes-spacing-0px .ts-box-col-wrapper:not(:first-child) .ts-servicebox-style-12 .themestek-box-content{ border-right-width: 0; border-left-width: 1px; } .ts-service-top-2-col .themestek-boxes-spacing-0px .ts-box-col-wrapper:nth-child(1) .ts-servicebox-style-12 .themestek-box-content, .ts-service-top-2-col .themestek-boxes-spacing-0px .ts-box-col-wrapper:nth-child(2) .ts-servicebox-style-12 .themestek-box-content, .ts-service-top-2-col.themestek-boxes-spacing-0px .ts-box-col-wrapper:nth-child(1) .ts-servicebox-style-12 .themestek-box-content, .ts-service-top-2-col.themestek-boxes-spacing-0px .ts-box-col-wrapper:nth-child(2) .ts-servicebox-style-12 .themestek-box-content{ border-bottom-width: 0; } .ts-service-top-2-col .themestek-boxes-spacing-0px .ts-box-col-wrapper:nth-child(3) .ts-servicebox-style-12 .themestek-box-content, .ts-service-top-2-col.themestek-boxes-spacing-0px .ts-box-col-wrapper:nth-child(3) .ts-servicebox-style-12 .themestek-box-content{ border-left-width: 1px; } .rtl .ts-service-top-2-col .themestek-boxes-spacing-0px .ts-box-col-wrapper:nth-child(3) .ts-servicebox-style-12 .themestek-box-content, .rtl .ts-service-top-2-col.themestek-boxes-spacing-0px .ts-box-col-wrapper:nth-child(3) .ts-servicebox-style-12 .themestek-box-content{ border-right-width: 1px; } .ts-bgcolor-darkgrey .ts-servicebox-style-12 .themestek-box-content, .ts-textcolor-white .ts-servicebox-style-12 .themestek-box-content{ border-color: rgba(255, 255, 255, 0.60); } .ts-servicebox-style-12 .themestek-box-content .themestek-box-content-inner{ padding: 60px 50px 35px; } .ts-servicebox-style-12 .themestek-box-content .ts-ihbox-icon{ display: inline-block; margin-bottom: 20px; } .ts-servicebox-style-12 .themestek-box-content .ts-ihbox-icon img{ width: 60px; height: auto; } .ts-servicebox-style-12 .themestek-pf-box-title{ height: 140px; width: calc(100% - 40%); } .entry-content .ts-servicebox-style-12.themestek-box h3{ font-size: 24px; line-height: 30px; margin-bottom: 0; text-transform: inherit; } body .ts-servicebox-style-12 .ts-blog-link{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; text-align: right; padding: 30px 30px 0 0; } body.rtl .ts-servicebox-style-12 .ts-blog-link{ left: 0; right: inherit; text-align: left; padding-left: 30px; padding-right: 0; } .ts-servicebox-style-12 .ts-blog-link i{ display: inline-block; } .rtl .ts-servicebox-style-12 .ts-blog-link i{ -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } .ts-servicebox-style-12:hover .themestek-box-content{ border-color: transparent; background-color: var(--tste-labtechco-skincolor); } body .ts-servicebox-style-12 .ts-blog-link .themestek-box-link{ color: var(--tste-labtechco-skincolor-dark); } .ts-textcolor-white .ts-servicebox-style-12:hover .themestek-box-content{ background-color: #fff; } .ts-bgcolor-darkgrey .ts-servicebox-style-12 .ts-blog-link .themestek-box-link, .ts-bgcolor-darkgrey .ts-servicebox-style-12.themestek-box h3 a, .ts-textcolor-white .ts-servicebox-style-12 .ts-blog-link .themestek-box-link, .ts-textcolor-white .ts-servicebox-style-12.themestek-box h3 a, .ts-textcolor-white .ts-servicebox-style-12 .themestek-box-content .ts-ihbox-icon i, .ts-servicebox-style-12:hover .themestek-box-content .ts-ihbox-icon i, .ts-servicebox-style-12.themestek-box:hover h3 a, .ts-servicebox-style-12:hover .themestek-box-link a{ color: #fff; } .ts-textcolor-white .ts-servicebox-style-12:hover .themestek-box-content .ts-ihbox-icon i{ color: var(--tste-labtechco-skincolor); } .ts-textcolor-white .ts-servicebox-style-12:hover .ts-blog-link .themestek-box-link, .ts-textcolor-white .ts-servicebox-style-12.themestek-box:hover h3 a{ color: var(--tste-labtechco-skincolor-dark); } body .ts-servicebox-style-12 .ts-blog-link .themestek-box-link{ font-size: 20px; line-height: 20px; } .ts-textcolor-white .ts-servicebox-style-12.themestek-box .themestek-box-desc, .ts-servicebox-style-12.themestek-box:hover .themestek-box-desc{ color: rgba(255, 255, 255, 0.60); } .ts-textcolor-white .ts-servicebox-style-12.themestek-box:hover .themestek-box-desc{ color: #8893b9; } .ts-bgcolor-skincolor:not(.ts-textcolor-white) .ts-servicebox-style-12 .themestek-box-content .ts-ihbox-icon i{ color: var(--tste-labtechco-skincolor-dark); } .ts-bgcolor-skincolor:not(.ts-textcolor-white) .ts-servicebox-style-12:hover .themestek-box-content{ background-color: var(--tste-labtechco-skincolor-dark); } .ts-bgcolor-skincolor:not(.ts-textcolor-white) .ts-servicebox-style-12:hover .themestek-box-content .ts-ihbox-icon i{ color: var(--tste-labtechco-skincolor); } .ts-bgcolor-skincolor:not(.ts-textcolor-white) .ts-servicebox-style-12:hover .ts-blog-link .themestek-box-link{ color: #fff; } /*=== Responsive ===*/ @media (min-width: 992px){ .ts-service-top-2-col .multi-columns-row .col-sm-6:nth-child(3n){ clear: left; } .rtl .ts-service-top-2-col .multi-columns-row .col-sm-6:nth-child(3n){ clear: right; } .ts-service-top-2-col .multi-columns-row .col-sm-6:nth-child(2n), .ts-service-top-2-col .multi-columns-row .col-lg-4:nth-child(3n + 4){ clear: none; } } @media (max-width: 991px){ .ts-service-top-2-col .themestek-boxes-spacing-0px .ts-box-col-wrapper:last-child .ts-servicebox-style-12 .themestek-box-content, .themestek-boxes-spacing-0px.ts-service-top-2-col .ts-box-col-wrapper:last-child .ts-servicebox-style-12 .themestek-box-content, .themestek-boxes-spacing-0px:not(.ts-service-top-2-col) .ts-box-col-wrapper.col-sm-6:nth-child(3) .ts-servicebox-style-12 .themestek-box-content{ border-top-width: 0; border-left-width: 1px; } .rtl .ts-service-top-2-col .themestek-boxes-spacing-0px .ts-box-col-wrapper:last-child .ts-servicebox-style-12 .themestek-box-content, .rtl .themestek-boxes-spacing-0px.ts-service-top-2-col .ts-box-col-wrapper:last-child .ts-servicebox-style-12 .themestek-box-content, .rtl .themestek-boxes-spacing-0px:not(.ts-service-top-2-col) .ts-box-col-wrapper.col-sm-6:nth-child(3) .ts-servicebox-style-12 .themestek-box-content{ border-right-width: 1px; } .ts-service-top-2-col .themestek-boxes-spacing-0px .ts-box-col-wrapper.col-sm-6:nth-child(3) .ts-servicebox-style-12 .themestek-box-content{ border-top-width: 1px; } } @media (max-width: 767px){ .ts-servicebox-style-12 .themestek-pf-box-title{ width: auto; } .ts-service-top-2-col .themestek-boxes-spacing-0px .ts-box-col-wrapper.col-sm-6:nth-child(3) .ts-servicebox-style-12 .themestek-box-content, .themestek-boxes-spacing-0px .ts-box-col-wrapper:not(:first-child) .ts-servicebox-style-12 .themestek-box-content{ border-left-width: 1px; border-top-width: 0; } .rtl .ts-service-top-2-col .themestek-boxes-spacing-0px .ts-box-col-wrapper.col-sm-6:nth-child(3) .ts-servicebox-style-12 .themestek-box-content, .rtl .themestek-boxes-spacing-0px .ts-box-col-wrapper:not(:first-child) .ts-servicebox-style-12 .themestek-box-content{ border-right-width: 1px; } .ts-service-top-2-col .themestek-boxes-spacing-0px .ts-box-col-wrapper:nth-child(1) .ts-servicebox-style-12 .themestek-box-content, .ts-service-top-2-col .themestek-boxes-spacing-0px .ts-box-col-wrapper:nth-child(2) .ts-servicebox-style-12 .themestek-box-content, .ts-service-top-2-col.themestek-boxes-spacing-0px .ts-box-col-wrapper:nth-child(1) .ts-servicebox-style-12 .themestek-box-content, .ts-service-top-2-col.themestek-boxes-spacing-0px .ts-box-col-wrapper:nth-child(2) .ts-servicebox-style-12 .themestek-box-content{ border-bottom-width: 1px; } } @media (max-width: 575px){ .ts-servicebox-style-12 .themestek-box-content .themestek-box-content-inner{ padding-left: 35px; } } Submit