/* Theme Name: Human Resources Pro Theme URI:https://www.wpradiant.net/products/psychotherapy-clinic-wordpress-theme Author: WP Radiant Themes Author URI: https://www.wpradiant.net/ Description: Elevate your psychotherapy clinic’s online presence with our cutting-edge psychotherapy Clinic WordPress Theme. Crafted with the unique needs of healthcare professionals in mind, this theme offers a perfect blend of functionality and aesthetics. With a sleek and modern design, it captivates visitors from the moment they land on your website. Our theme is equipped with essential features like appointment booking, making it easy for patients to schedule sessions at their convenience. The theme seamlessly integrates with the Gutenberg editor, ensuring effortless content creation and customization, even for users with minimal technical skills. Version: 0.0.2 Tested up to: 6.2.2 Requires at least: 5.9 Requires PHP: 7.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: human-resources-pro */ @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Roboto' !important; } body:not(.admin-bar) header { margin-top: 3rem; } /*header buy now bar start*/ main#wp--skip-link--target { background: #FFFFFF !important; } #site-preloader lottie-player { transform: scale(0.5); /* 50% smaller */ transform-origin: center center; } .sticky .wp-block-columns.header-row.is-layout-flex.wp-container-core-columns-is-layout-e924f7bf.wp-block-columns-is-layout-flex { max-width: 1360px !important; } .sticky{ position: fixed; background: linear-gradient(270.19deg, #235DC4 0%, #143B7D 98.94%); width: 100%; max-width: 100%; top: 40px; z-index: 999; } .header-coupon { color: #fff; } .psychotherapy-header-sec .header-search-col:after { content: unset !important; } header ul li a.current-menu-item span { color: #E5781A; } .buy-now a { background-color: #0693e3!important; color: white !important; padding: 10px 20px; border-radius:10px; } .header-coupon:hover { animation: none; /* Stop the blinking on hover */ } .wp-block-column.header-search-col .gutentor-element-icon-box { cursor: pointer; } .header-btn a { background: transparent !important; &:hover{ background: #FFFFFF !important; } &:hover span.stk-button__inner-text{ color: #E5781A !important ; } } .admin-bar .sticky { position: fixed; /* background-color: #000; */ width: 100%; max-width: 100% !important; top: 32px; z-index: 999; background: linear-gradient(270.19deg, #235DC4 0%, #143B7D 98.94%); } .mtsnb{ z-index: 100000!important; } .mtsnb-button-type a{ background: #000; color: #fff!important; padding: 5px 10px; border-radius: 10px; } .header-coupoun{ color: green; } .mtsnb-text{ font-weight: bold; } /*header buy now bar end*/ *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} article, aside, details, figcaption, figure, footer, header, nav, section, summary{display: block;} audio, canvas, video{display: inline-block;} audio:not([controls]){display: none; height: 0;} [hidden]{display: none;} html{font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} html, button, input, select, textarea{font-family: 'Poppins', sans-serif;} body{margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;} a { text-decoration-thickness: 1px; text-underline-offset: 0.25ch; } a:hover, a:focus { text-decoration-style: dashed; } a:active { text-decoration: none; } figure a{display:inline-block;} .wp-block-navigation .wp-block-navigation-item a:hover, .wp-block-navigation .wp-block-navigation-item a:focus { text-decoration-style: solid; } h1, h2, h3, h4, h5, h6{clear: both; font-family:'Poppins';} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: inherit;} h1{font-size: 48px; margin: 33px 0;} h2{font-size: 30px; margin: 25px 0;} h3{font-size: 22px; margin: 22px 0;} h4{font-size: 20px; margin: 25px 0;} h5{font-size: 18px; margin: 30px 0;} h6{font-size: 16px; margin: 36px 0;} p{margin: 0 0 25px;} img{border: none; max-width: 100%; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;} address{font-style: italic; margin: 0 0 24px;} abbr[title]{border-bottom: 1px dotted;} b, strong{font-weight: bold;} dfn{font-style: italic;} mark{background: #ff0; color: #000;} code, kbd, pre, samp{font-family: monospace, serif; font-size: 14px; hyphens: none;} pre{background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;} blockquote, q{hyphens: none; quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ""; content: none;} blockquote{font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px;} blockquote blockquote{margin-right: 0;} blockquote cite, blockquote small{font-size: 14px; font-weight: normal; text-transform: uppercase;} blockquote em, blockquote i{font-style: normal; font-weight: 300;} blockquote strong, blockquote b{font-weight: 400;} small{font-size: smaller;} sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} dl{margin: 0 20px;} dt{font-weight: bold;} dd{margin: 0 0 20px;} menu, ol, ul{margin: 16px 0; padding: 0 0 0 15px;} ul{list-style-type: square;} nav ul, nav ol{list-style: none; list-style-image: none;} li > ul, li > ol{margin: 0;} svg:not(:root){overflow: hidden;} figure{margin: 0;} form{margin: 0;} fieldset{border: 1px solid #c0c0c0; margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em;} legend{border: 0; padding: 0; white-space: normal;} button, input, select, textarea{font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;} button, input{line-height: normal;} button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; cursor: pointer;} button[disabled], input[disabled]{cursor: default;} input[type="checkbox"], input[type="radio"]{padding: 0;} input[type="search"]{-webkit-appearance: textfield; padding-right: 2px; width: 270px;} input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner{border: 0; padding: 0;} textarea{overflow: auto; vertical-align: top; resize: none; min-height: 120px;} table{border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; line-height: 2; margin: 0 0 20px; width: 100%;} caption, th, td{font-weight: normal; text-align: left;} caption{font-size: 16px; margin: 20px 0;} th{font-weight: bold; text-transform: uppercase;} td{border-top: 1px solid #ededed; padding: 6px 10px 6px 0;} del{color: #333;} ins{background: #fff9c0; text-decoration: none;} /* Form fields styles. */ input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"], input[type="search"], input[type="url"], input[type="password"], textarea{border: 1px solid #6e6e6e; width: 100%; border-radius: 8px; padding: 13px; outline: none;} select{background: transparent; border: 1px solid #00b5e2; width: 100%; border-radius: 8px; padding: 13px; outline: none;} /* Buttons */ button, input[type="submit"], input[type="button"], input[type="reset"]{background-color: #5BAAEC; border: none; border-radius: 50px; color: #fff; display: inline-block; font-size: 20px; font-weight: 500; padding: 18px 50px; text-decoration: none; transition: all 0.2s;} /* Placeholder text color -- selectors need to be separate to work. */ ::placeholder{color: #041F69; opacity: 1;} :-ms-input-placeholder{color: #041F69;} ::-ms-input-placeholder{color: #041F69;} /* * Search and File Block button styles. * Necessary until the following issues are resolved in Gutenberg: * https://github.com/WordPress/gutenberg/issues/36444 * https://github.com/WordPress/gutenberg/issues/27760 */ a:where(:not(.wp-element-button)):hover{ color: red; } /* * Button hover styles. * Necessary until the following issue is resolved in Gutenberg: * https://github.com/WordPress/gutenberg/issues/27075 */ .wp-block-search__button:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-button__link:hover { opacity: 0.90; } /* Blocks inside columns don't have negative margins. */ .wp-site-blocks .wp-block-columns .wp-block-column .alignfull, .is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"], /* We also want to avoid stacking negative margins. */ .wp-site-blocks .alignfull:not(.wp-block-group) .alignfull, .is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] { margin-left: auto !important; margin-right: auto !important; width: inherit; } /* * Responsive menu container padding. * This ensures the responsive container inherits the same * spacing defined above. This behavior may be built into * the Block Editor in the future. */ .wp-block-navigation__responsive-container.is-menu-open { padding-top: var(--wp--custom--spacing--outer); padding-bottom: var(--wp--custom--spacing--large); padding-right: var(--wp--custom--spacing--outer); padding-left: var(--wp--custom--spacing--outer); } .human-resources-pro-header .wp-block-cover, .human-resources-pro-header .wp-block-cover-image, .human-resources-pro-footer .wp-block-cover, .human-resources-pro-footer .wp-block-cover-image, .human-resources-pro-porduct-section, .human-resources-pro-menu-section{align-items:inherit;} .human-resources-pro-footer-menu .wp-block-navigation li {padding-left:20px; position:relative;} .human-resources-pro-footer-menu .wp-block-navigation li:before{ content:''; width:8px; height:8px; background:#fff; left:0px; top:50%; position:absolute; border-radius:100%; transform:translateY(-50%);} .human-resources-pro-header .wp-block-navigation__submenu-container{min-width:215px !important; background:#5f1c00 !important;} .human-resources-pro-menu .wp-block-navigation li{padding:17px 0px;} .human-resources-pro-menu .wp-block-navigation__submenu-container li{padding:inherit;} .human-resources-pro-menu .wp-block-group {padding:0;} .wc-block-mini-cart__button:hover {background:transparent;} .human-resources-pro-menu {font-family:Oswald;} .human-resources-pro-header .wp-block-navigation li.current-menu-item .wp-block-navigation-item__label, .human-resources-pro-header .wp-block-navigation li .wp-block-navigation-item__label:hover{color:#5BAAEC;} .human-resources-pro-footer-menu .wp-block-navigation li.current-menu-item .wp-block-navigation-item__label, .human-resources-pro-footer-menu .wp-block-navigation li .wp-block-navigation-item__label:hover{ color:#ff8502;} .human-resources-pro-footer-menu .wp-block-navigation li:hover:before, .human-resources-pro-footer-menu .wp-block-navigation li.current-menu-item:before{ background:#ff8502;} .human-resources-pro-ice-berg .wp-block-image{background:#5f1c00; width:170px; height:170px; border-radius:100%; align-items:center !important; display:flex !important; justify-content:center !important;} .human-resources-pro-ice-berg h3 {width:50%; margin:0 auto;} .human-resources-pro-ice-berg:hover .wp-block-image{background: #19375B;} .human-resources-pro-ice-berg:hover h3{color:#19375B !important;} .human-resources-pro-better-box .wp-block-image{background:#fff; width:100px; height:100px; border-radius:100%; align-items:center !important; display:flex !important; justify-content:center !important; float:left;} .human-resources-pro-product-box .wc-block-components-product-image img {width:auto !important; margin:0 auto; display:table;} .human-resources-pro-menu-section::before {content:''; width:35%; height:100%; background:#19375B; position:absolute; left:0px; top:0; z-index:1;} .human-resources-pro-section .wp-block-columns{position: relative; overflow: hidden;} .human-resources-pro-discount-box {width:230px !important; height:230px; position:absolute; right:-60px; bottom:-50px;} .human-resources-pro-section-box .wp-block-column {z-index:9;} .human-resources-pro-section .human-resources-pro-section-box::before {content:''; width:99.5%; height:99%; border:solid 2px #bd9655; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-style: dashed;} .human-resources-pro-inner-banner{ position:relative; z-index:-1;} .human-resources-pro-section11-left {margin-right:100px !important;} .human-resources-pro-section11{ position:relative;} .human-resources-pro-section11::before {content:''; width:41.5%; position:absolute; height:100%; background:#19375B; z-index:0;} .human-resources-pro-section11 .wp-block-columns{ position:relative; z-index:0;} .human-resources-pro-section7-right .wp-block-image {position:absolute; right:0;} .human-resources-pro-section7 {position:relative; overflow:hidden;} .human-resources-pro-section5-left {position:relative;} .human-resources-pro-section5-left::after {content:""; position:absolute; left:0; top:0; background:#19375B; width:45%; height:100%; z-index:-1;} .human-resources-pro-header{ position:absolute !important; width:100%; z-index:2;} /**woocommerce**/ .woocommerce div.product .product_title{ display: none;} .entry-summary .price {padding-bottom: 15px !important;} .woocommerce div.product .quantity .qty {width:auto;} .cart {padding-bottom:20px !important;} .woocommerce div.product div.images img { width:auto !important; margin:0 auto;} .woocommerce-tabs .tabs.wc-tabs {margin:0px !important; padding:0px !important;} .woocommerce-tabs .tabs.wc-tabs:before{ border:none !important;} .woocommerce-tabs .woocommerce-Tabs-panel {font-size:20px; padding:40px !important; background-color: #f6f6f6;} .woocommerce div.product .woocommerce-tabs ul.tabs li{background:#222 !important; color:#fff !important; border-radius:0px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#fff; font-weight:400 !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ display:none;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none !important; padding:5px 30px !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background:#5BAAEC !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:#fff !important;} .related.products h2 {text-align:center;} .related.products li .price, .products li .price{ text-align:center;} .related.products .button, .products .button{display:table; margin:0 auto;} .related.products, .products{ text-align:center;} .related.products li, .products li{float:none !important; display:inline-block; margin:15px !important; padding:35px 15px 0px !important; border-radius: 5px !important;} .related.products li img, .products li img {width:auto !important; text-align:center; display:table !important; margin:0 auto !important; margin-bottom:20px !important;} .woocommerce div.product .related.products {padding:40px !important; background-color:#f6f6f6;} .qty.text {width:auto !important;} .woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {max-width:100%;} .woocommerce-page .button {padding:10px 35px !important;} .woocommerce-Price-amount bdi {font-weight:600;} .select2-container--default .select2-selection--single, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {border:1px solid #222; border-radius:0px;} body.home .human-resources-pro-menu li:nth-child(1) span {color:#5BAAEC;} body.home .human-resources-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span {color:inherit;} body.home .human-resources-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span:hover, body.home .human-resources-pro-menu li .wp-block-navigation__submenu-container li span:hover, .human-resources-pro-menu li .wp-block-navigation__submenu-container li span:hover {color:#5BAAEC;} .human-resources-pro-section10 .add_to_cart_button {border-radius:100px; background-color:#19375B; padding:12px 25px !important;} .added_to_cart.wc-forward {display:block;} .current-menu-item a{color:#5BAAEC;} @media(max-width: 1440px){ .human-resources-pro-section7-right .wp-block-image {position:relative; right:-114px;} .human-resources-pro-menu-section::before{ width:25%;} } @media(max-width: 1300px){ .human-resources-pro-section7-right .wp-block-image{ right:-40px;} } @media(max-width: 1199px ){ .human-resources-pro-menu-section::before { display:none} .human-resources-pro-header-top-bar {padding:20px 15px !important;} } @media(min-width: 1200px) and (max-width: 1399px){ .one-container { max-width: 1160px !important; } .wp-block-columns.footer_two_row .wp-block-column.call_col > .wp-block-group { flex-wrap: nowrap !important; } } @media(min-width: 1024px) and (max-width: 1200px){ .woocommerce-page .button {padding:10px 25px !important;} .related.products li, .products li{margin:10px !important;} } @media(max-width: 1023px){ .human-resources-pro-banner-content h1 {font-size:32px !important;} h3.has-text-color {font-size:20px !important;} h5.has-text-color {font-size:18px !important;} .has-text-align-right, has-text-align-left {text-align:center !important;} .human-resources-pro-header-top-bar-left {text-align:center; padding-bottom:25px;} .human-resources-pro-header-top-bar-left .wp-block-image {display:table; margin:0 auto !important; float:none !important; margin-bottom:10px !important; display:none;} .human-resources-pro-header-top-bar {padding-top:20px !important; padding-bottom:35px !important;} .human-resources-pro-banner-content {padding-top:0px !important; text-align:center; padding-bottom:40px;} .human-resources-pro-banner-content .wp-block-buttons {margin:0 auto; display: table !important;} .human-resources-pro-header-top-bar-right .wp-block-woocommerce-mini-cart {display:table; margin:0 auto !important; padding-top:20px;} .human-resources-pro-section1 {padding:40px 15px 0px !important;} .human-resources-pro-section1-left {text-align:center;} .human-resources-pro-section1-left .wp-block-button{ display:table; margin:0 auto;} .human-resources-pro-section1-right {padding-top:40px;} .human-resources-pro-ice-berg {margin-bottom:40px !important;} .human-resources-pro-ice-berg h3 {width:100%;} .human-resources-pro-section1-left p {padding-top:0px !important;} .human-resources-pro-section2{padding:60px 15px 40px !important;} .human-resources-pro-section2-right {text-align:center;} .human-resources-pro-section2-right .wp-block-image{margin:0 auto; display:table; margin-bottom:20px !important; margin-inline-start:auto !important; margin-inline-end:auto !important; float:none !important;} .human-resources-pro-section3{ padding:40px 15px !important; text-align:center;} .human-resources-pro-section3-right {margin-top:40px !important; padding: 30px !important; text-align: center !important;} .human-resources-pro-better-box .wp-block-image{ float:none; margin-bottom:15px !important;} .human-resources-pro-section3-left .wp-block-button{ display:table; margin:0 auto;} .human-resources-pro-discount-box {padding-top:30px !important;} .human-resources-pro-section5-inner {padding:40px 15px !important;} .human-resources-pro-porduct-section {padding:40px 0px !important;} .human-resources-pro-menu-section::before { display:none;} .human-resources-pro-menu-section .wp-block-group {text-align:center;} .human-resources-pro-section5-right .wp-block-buttons {display:table; margin:0 auto;} .human-resources-pro-section6 {padding:40px 15px !important;} .human-resources-pro-section7-left {padding:40px 15px !important;} .human-resources-pro-section7-left .wp-block-group, .human-resources-pro-section7-left h2.has-text-color, .human-resources-pro-section7-left .wp-block-columns {padding:0px !important;} .human-resources-pro-section7-testimonial-box { padding:30px !important;} .wp-block-group.human-resources-pro-section7-testimonial-box {padding:30px !important;} .human-resources-pro-section7-left .wp-block-columns {margin-top:40px !important;} .wp-block-group.human-resources-pro-section7-testimonial-box .wp-block-columns {margin-top:0px !important;} .human-resources-pro-section7-right .wp-block-image {margin:0px !important; right:0px;} .human-resources-pro-section7-left h5, .human-resources-pro-section7-left h2 {text-align:center;} .human-resources-pro-section7-testimonial-box h4, .human-resources-pro-section7-testimonial-box p {text-align:center;} .human-resources-pro-section7-testimonial-box .wp-block-image {margin:0 auto !important; float:none !important;} .human-resources-pro-section7-right .wp-block-image, .human-resources-pro-section7-right .wp-block-image img{ width:100% !important;} .human-resources-pro-section9 {padding:40px 15px !important;} .human-resources-pro-section10 {padding:40px 15px !important;} .human-resources-pro-section11 {padding:0px !important;} .human-resources-pro-section11-left {padding:0px !important; padding-bottom:40px !important;} .human-resources-pro-section11-left h5, .human-resources-pro-section11-left h2 {text-align:center;} .human-resources-pro-section11-left .wp-block-buttons{display:table !important; margin:0 auto !important;} .human-resources-pro-section11-right .wp-block-column {border:none;} .human-resources-pro-section11-left {margin-right:0px !important;} .human-resources-pro-section11-left .wp-block-group {padding:40px !important;} .human-resources-pro-section11::before { display:none;} .human-resources-pro-section11-right {padding:0px 0px 40px 0px !important;} .human-resources-pro-section-box {padding:80px 25px 200px !important;} .human-resources-pro-section-box h2{font-size:38px !important;} .human-resources-pro-section-box .wp-block-column{ padding:0px !important;} .human-resources-pro-footer-column {padding:20px 15px !important;} .human-resources-pro-footer-box, .human-resources-pro-footer-menu {padding:20px 0px;} .human-resources-pro-footer-copyright .wp-block-column {text-align:center;} .human-resources-pro-section11-right .wp-block-columns {border:none; margin:0px !important;} .header-layout1{padding:20px 0px !important;} .human-resources-pro-404 .wp-block-search__inside-wrapper {width:100% !important;} .human-resources-pro-404 {padding:40px 15px !important;} .human-resources-pro-blog-area, .cctvblock-blog-right-side, .human-resources-pro-blog-left-side-page, .human-resources-pro-blog-no-sidebar, .human-resources-pro-archive-page {padding:40px 15px !important;} .human-resources-pro-blog-content {padding-left:0px !important; padding-top:25px;} .human-resources-pro-blog-meta .wp-block-post-date, .human-resources-pro-blog-meta .wp-block-post-author, .human-resources-pro-blog-meta .wp-block-post-terms {width:100% !important; padding:0px !important;} .human-resources-pro-blog-left-side-area {padding-right:0px !important;} .cctvblock-cctvblock-blog-right-side-page{ padding-left:0px !important;} .human-resources-pro-contact-lay1, .human-resources-pro-contact-lay2-box{padding:40px 15px !important;} .human-resources-pro-contact-lay1 .wp-block-group{ padding-right:0px !important;} .human-resources-pro-contact-lay1 .human-resources-pro-contact-info{ padding-top:40px;} .human-resources-pro-contact-info-box {padding:30px !important;} .human-resources-pro-service-single-lay{padding:40px 15px 0px !important;} .human-resources-pro-service-menu {padding-right:0px !important; padding-bottom:40px;} .human-resources-pro-service-single-lay h2 {font-size:24px !important;} .human-resources-pro-team-section1 {padding:40px 15px !important;} .human-resources-pro-team-section1-right{ padding-top:40px;} .human-resources-pro-team-section1 .wp-block-columns{ padding-bottom:40px !important;} .human-resources-pro-team-section2{ padding-top:0px !important; padding-bottom:20px !important;} .human-resources-pro-team-section-box {margin-bottom:30px !important; padding-right:0px !important;} .human-resources-pro-archive-left {padding-right:0px !important;} .human-resources-pro-inner-banner-title {font-size:26px !important; margin:0px !important;} .human-resources-pro-blog-single-area {padding:40px 15px !important;} .human-resources-pro-blog-single-right-area {padding-left:0px !important; padding-top:40px;} .human-resources-pro-section9 .wp-block-buttons {margin-top:30px !important;} .human-resources-pro-inner-banner .wp-block-cover {min-height:220px !important;} .human-resources-pro-404 h1{padding-bottom:30px !important; font-size:30px !important;} .related.products li, .products li{width:100% !important; margin:0 auto !important;} .human-resources-pro-section5-menu-box .wp-block-column {text-align:center;} .human-resources-pro-section5-left::after{ display:none;} .human-resources-pro-section5-left, .human-resources-pro-section5-right{ padding:0px !important;} } @media(min-width: 1024px){ .human-resources-pro-banner{padding-left:60px !important;} } @media(min-width: 768px) and (max-width: 1023px){ .human-resources-pro-header-top-bar {padding:20px 15px !important;} .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.human-resources-pro-header-top-bar-left, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.human-resources-pro-header-top-bar-logo, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.human-resources-pro-header-top-bar-right {flex-basis:auto !important; width:33.33%; float:left; padding:0px !important;} .human-resources-pro-ice-berg .wp-block-image{width:140px; height:140px;} .human-resources-pro-header-top-bar-right .wc-block-mini-cart.wp-block-woocommerce-mini-cart {padding:0px;} .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.human-resources-pro-banner-content, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.human-resources-pro-banner-image{flex-basis:auto !important; width:50%; float:left; padding:0px !important; text-align:left;} .human-resources-pro-banner-content .wp-block-buttons {margin:inherit;} .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.human-resources-pro-banner-content {padding-top:40px !important;} .human-resources-pro-section1-right .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis:auto !important;} .human-resources-pro-better-box {flex-basis:auto !important; width:49% !important; display:inline-block; padding:15px !important;} .human-resources-pro-section11-right .is-layout-flow.wp-block-column {flex-basis:auto !important; padding:15px;} .human-resources-pro-section2-left .wp-block-image.alignleft.size-full, .human-resources-pro-section5-inner .wp-block-image.alignleft.size-full {float:none; text-align:center; width:100%;} .human-resources-pro-section7-testimonial-box {width:60%; margin:0 auto;} .human-resources-pro-banner{padding-left:60px !important;} .mtsnb .mtsnb-container { position: relative; margin-right: auto; margin-left: auto; max-width: 100%; width: 1000px; padding: 10px 40px; line-height: 1.4; } } @media(min-width: 600px) and (max-width: 1023px){ .human-resources-pro-section8-product-box ul li, .human-resources-pro-section4-product-box ul li, .human-resources-pro-section9 ul li {width:calc(50% - .9375em) !important;} .human-resources-pro-section-box {padding:80px 100px 200px !important;} } @media(min-width: 1024px) and (max-width: 1440px){ h3.has-text-color {font-size:20px !important;} h5.has-text-color {font-size:18px !important;} .human-resources-pro-blog-content h2 {font-size:24px !important;} .human-resources-pro-ice-berg h3 {width:100%;} .human-resources-pro-section7-left .wp-block-group {padding:0px !important;} .human-resources-pro-section7-left .wp-block-columns {padding:0px !important;} .human-resources-pro-section7-left h2{ padding:0px !important;} .human-resources-pro-section1-left p {padding-top:0px !important;} .human-resources-pro-section7-left {padding:40px 15px 0px !important;} .wp-block-group .human-resources-pro-section7-testimonial-box {padding:20px 25px !important; margin-top: 30px !important;} .wp-block-group .human-resources-pro-section7-testimonial-box p{ font-size:16px !important; padding-bottom:10px !important;} .human-resources-pro-section-box{padding-right:30px !important; padding-left:30px !important;} .human-resources-pro-section8 h2{font-size: 46px !important;} .human-resources-pro-banner-content h1{font-size:50px !important;} .human-resources-pro-header-top-bar-left .wp-block-image {margin:0px !important;} .human-resources-pro-404 h3.has-text-color {font-size:80px !important;} .human-resources-pro-section11-left{padding-left: 40px;} } @media(max-width: 767px){ .wp-block-group.cctv_blog_sec .gutentor-post-item .gutentor-post-button { margin-left: 0 !important; } .wp-block-cover.cctv_testimonial_sec { padding-bottom: 9rem !important; } .wp-block-group.cctv_project_sec .wp-block-cover { padding-bottom: 7rem !important; } .human-resources-pro-header-banner .wp-block-cover{padding-top:300px !important;} } @media(min-width: 600px) and (max-width: 799px){ .human-resources-pro-header .wp-block-navigation__submenu-container {right:-1px !important; left:auto !important;} } @media(max-width: 600px){ .services-slider-inner-post .gutentor-post-desc { font-size: 16px; } .services-slider-inner-post .gutentor-post-image-box { top: 33px !important; /* top: 18px !important; */ } .services-slider-inner-post .gutentor-post-title-data-wrap h3 a { font-size: 16px !important; padding: 7px 10px 7px 40px; } .cctv_service_sec .gutentor-post{ padding: 0rem 1rem !important; } .cctv_service_sec{ padding: 0rem 1rem !important; } .why-choose-head h2.stk-block-heading__text.has-text-color{ font-size:24px !important; } .latest_left_col{ margin-bottom: 45px !important; padding: 0px 15px !important; } .admin-bar .sticky { top: 0 !important } } @media(max-width: 599px){ .human-resources-pro-menu {position:relative; right:0px; top:-25px;} .human-resources-pro-menu .wp-block-navigation ul{display: block !important; width: 100%; text-align: right; min-width:310px !important; padding-left:5px !important;} .wp-block-navigation__submenu-container li {padding-right:0px !important;} .human-resources-pro-menu .wp-block-navigation ul li{display:block !important; border-bottom:solid 1px #ccc; margin-bottom:0px; padding:15px 0px; padding-right:25px;} .human-resources-pro-menu .wp-block-navigation__submenu-container {padding-right:0px !important;} .human-resources-pro-menu .wp-block-navigation ul li a{ line-height:normal !important;} .human-resources-pro-menu .wp-block-navigation__submenu-container li a{ text-align:right; display:inherit !important;} .human-resources-pro-menu .wp-block-navigation__submenu-container{ padding-top:20px !important;} .human-resources-pro-menu .wp-block-navigation__submenu-container li {border:none !important;} .human-resources-pro-menu .wp-block-navigation__responsive-container-open:hover {background:none;} .human-resources-pro-menu .wp-block-navigation__responsive-container-open svg{width:35px; height:35px;} .human-resources-pro-menu .wp-block-navigation.items-justified-right{ padding-top:0px;} .human-resources-pro-menu .current-menu-item a, .human-resources-pro-menu li a:hover {color:#5BAAEC !important; background:none !important;} .human-resources-pro-menu .is-layout-constrained {padding:5px !important;} } /* *-*-*-*-*-*-*-*-*-* New CSS *-*-*-*-*-*-*-*-*-*-*-* */ body .wp-site-blocks{ overflow: hidden; } .wpcf7 form .wpcf7-response-output{ margin: 0; } /* *-*-*-*-*-*-*-*-*- Banner Section *-*-*-*-*-*-*-*-*-*-*-* */ .wp-block-group.cctv_slider_sec:hover .wp-block-column.slider_left_col h1 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } /* *-*-*-*-*-*-*-*-*- Packages Section *-*-*-*-*-*-*-*-*-*-*-* */ .packages-basic:hover span.wp-block-cover__background.has-background-dim{ background-color: #143B7D !important; } .packages-basic:hover .packages-btn a { background: #E5781A !important; transition: transform 1s ease-in-out; } .packages-basic:hover .packages-price { background: #E5781A !important; transition: transform 2s ease-in-out; } .packages-basic:hover.packages-basic::before{ background: #E5781A !important; transition: transform 2s ease-in-out; } .packages-inner-col{ position: relative !important; } .packages-inner-col:hover::after{ /* transform: translateX(0%) scaleY(1); */ display: block; } .packages-inner-col::after { content: ""; position: absolute; left: 0%; bottom: -5.8rem; /* transform: translateX(0%) scaleY(0); */ width: -webkit-fill-available; height: 100px !important; background: #1b4b9d; clip-path: polygon(0% 0%, 100% 0%, 50% 100%); transition: 0.4s ease; z-index: 1; border-top-left-radius: 20px; border-top-right-radius: 20px; display: none; } .packages-sub-head h2.stk-block-heading__text.has-text-color.has-text-align-center{ text-decoration: underline; } .packages-head h2.stk-block-heading__text.has-text-color.has-text-align-center{ width: 80%; margin: 0 auto !important; } .packages-basic{ position: relative; } .packages-basic::before{ position: absolute; content: ''; top: 0px; background: #1A1A1A; height: 12px; width: 100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; z-index: 1; } .packages-price { width: fit-content; margin-left: 0px !important; } .about_video_sec .stk-block-image span { overflow: visible; } .about_video_sec .stk-block-image img { animation: floatImage 4s ease-in-out infinite; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* .about_video_sec .stk-block-image:hover img { transform: translateY(-12px) scale(1.03); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); } */ /* *-*-*-*-*-*-*-*-*- Industries Section *-*-*-*-*-*-*-*-*-*-*-* */ .industry-main-sub-head h2.stk-block-heading__text.has-text-color{ text-decoration: underline; } .industry-right-inner-row{ position: relative; } .industry-right-inner-row::after{ position: absolute; content: ''; width: -webkit-fill-available; height: 1px; bottom: -15px; background: #235DC4; border-radius: 2px; } .industry-right-inner-stack{ position: relative; } .industry-right-inner-stack::after { position: absolute; content: ''; clip-path: polygon(100% 5%, 0% 100%, 100% 100%); height: 50px; width: 50px; background-color: #E5781A; bottom: 0px; right: 0px; border-bottom-right-radius: 20px; display: none; } .industry-right-inner-col:hover .industry-right-inner-head h2.stk-block-heading__text.has-text-color { color: #E5781A !important; } .industry-right-inner-col:hover .industry-right-inner-img figure{ /* filter: brightness(0.1); */ animation: 0.8s bounce ease-in-out; } .industry-right-inner-col:hover .industry-right-inner-stack::after { display: block; } .industry-right-inner-stack{ height: 100% !important; } /* *-*-*-*-*-*-*-*-*- About Us Section *-*-*-*-*-*-*-*-*-*-*-* */ .customer_row p.stk-block-text__text.has-text-color { width: 80%; } /* .about_video_sec { margin: 5rem; position: relative; } .about_video_sec img { object-fit: contain !important; } .about-top-img { position: absolute; top: 0; left: 0; } .about-bottom-img{ position: absolute; bottom: 0; right: 0; } .about_video_sec .wp-block-cover__inner-container{ position: unset !important; } */ /* .wp-block-group.cctv_about_us_sec:hover .wp-block-stackable-heading h2 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } */ .about-icon-box svg { transform: translateY(20px); } .about-sub-head h3.stk-block-heading__text.has-text-color{ text-decoration: underline; } .banner-stack { width: 50%; margin-left: 0px !important; } .banner-section { width: 100%; z-index: 1; padding: 16rem 0px 10rem 0px; } .list-indicator-image .gutentor-image-thumb { width: auto !important; height: auto !important; } .gutentor-slick-arrows i { color: #92C7C7 !important; } /* *-*-*-*-*-*-*-*- Services Section -*-*-*-*-*-*-*-*- */ /* .wp-block-group.cctv_service_sec:hover .wp-block-stackable-heading h2 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } */ .services-slider-inner-post .gutentor-button{ padding-left: 0px !important; } .services-slider-inner-post{ padding-bottom: 30px; } .services-head { width: 64%; } .services-slider-inner-post img { background: #111; width: 60px; object-fit: contain; padding: 10px; height: 60px; border-radius: 50%; overflow: visible; border: 1px solid #fff; } .services-slider-inner-post .gutentor-post-item { border-top-right-radius: 50px; border-bottom-left-radius: 50px; height: 100%; padding: 30px; background: #235DC4; text-align: left; } .services-slider-inner-post .gutentor-post-title-data-wrap h3 a { color: #FFFFFF; font-size: 20px; font-weight: 500; font-family: 'Inter'; } .services-slider-inner-post .gutentor-post-desc { color: #FFFFFFCC; font-size: 18px; font-weight: 400; font-family: 'Inter'; margin: 25px 0px; line-height: 35px; } .services-slider-inner-post .gutentor-post-title-data-wrap h3 a { color: #FFFFFF; font-size: 20px; font-weight: 500; font-family: 'Inter'; background: #111; padding: 7px 15px 7px 23px; border: 1px solid #fff; width: fit-content; /* border-radius: 20px; */ display: inline-block; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .services-slider-inner-post .gutentor-post-image-box{ position: absolute !important; left: 0; top: 35px; /* top: 20px !important; */ overflow: visible !important; } .services-slider-inner-post .gutentor-post-button span { color: #E5781A; font-family: 'Poppins'; font-size: 16px; font-weight: 500; position: relative; } .services-slider-inner-post .gutentor-post-button span::after { content: url(assets/images/services/services-icon.svg); position: absolute; margin-left: 15px; top: 2px; } .services-slider-inner-post .gutentor-post-item:hover{ background-color: #143B7D !important; & .gutentor-post-title a { background: #E5781A !important; } & .gutentor-post-desc { color: #FFFFFFCC; } & .services-slider-inner-post .gutentor-post-button span{ color: #E5781A !important; } & .services-slider-inner-post .gutentor-post-button span::after { filter: invert(62%) sepia(83%) saturate(749%) hue-rotate(341deg) brightness(97%) contrast(92%); } & .gutentor-image-thumb img { background: #E5781A; transform: scale(1.1); border-radius: 50%; overflow: visible; } } .services-sub-head h2{ text-decoration: underline; } .services-slider-inner-post .gutentor-button { background: transparent !important; margin-bottom: 0px !important; } /* *-*-*-*-*-*-*-*- Faq Section -*-*-*-*-*-*-*-*- */ /* Apply floating animation to the specific image */ .expert-sec-bot-inner-col-one .stk-0ff0db0 .stk-img { animation: floatImage 3s ease-in-out infinite; display: block; } @keyframes floatImage { 0% { transform: translateY(0); } 65% { transform: translateY(15px); } 100% { transform: translateY(0); } } .wp-block-cover.cctv_counter_sec .wp-block-stackable-column:hover figure { filter: brightness(0.1); animation: 0.8s bounce ease-in-out; } .faq-border-wrap .stk-column-wrapper{ margin-bottom: 0px !important; } .expert-sec-bot-main-col{ gap: 25px !important; } .expert-sec-bot-main-col { align-items: flex-end !important; } .faq-border-wrap .stk-column-wrapper{ margin:0px !important; } .expert-sub-head h2{ text-decoration: underline; } .expert-faq:not([open]) .stk-column-wrapper { background-color: #143B7D !important; /* your new color */ } /* *-*-*-*-*-*-*-*- Recruitments Section -*-*-*-*-*-*-*-*- */ .project-small-text{ margin-bottom: 45px !important; } .project-main-head{ margin-bottom: 25px !important; margin-top: 35px !important; } /* .wp-block-group.cctv_project_sec:hover .wp-block-stackable-heading h2 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } */ .recuir-post-type img { height: 56px; width: 52px; /* background: red; */ } .recuir-post-type .gutentor-post-item { &:hover { background: #143B7D; .gutentor-post-image-box { background: #E5781A; } .gutentor-button-wrap .gutentor-button { background: #E5781A !important; } } } .recuir-post-type .gutentor-post-item { justify-content: center; align-items: center; gap: 20px; background: #235DC4; border-radius: 160px; border: 1px solid #FFFFFF; padding: 30px 20px 80px 20px; } .recuir-post-type .gutentor-post-image-box { padding: 20px; background: #1A1A1A; border-radius: 60px; border: 1px solid #fff; } .recuir-post-type .gutentor-post-desc { text-align: center; color: #FFFFFFB2 !important; font-size: 16px !important; font-weight: 500 !important; line-height: 30px !important; font-family: 'Inter' !important; } .recuir-post-type .gutentor-post-title a { color: #FFFFFF; font-size: 36px; font-family: 'Inter'; font-weight: 500; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; } .recuir-post-type .gutentor-button-wrap span{ display: none !important; } .recuir-post-type .gutentor-button-wrap { /* margin-bottom: -50px !important; */ position: absolute; bottom: -45px; /* bottom: -27px; */ } .footer-buy-now::before, .footer-buy-now a::before, .footer-buy-now .wp-block-navigation-item__content::before { content: none !important; display: none !important; } .footer-buy-now { padding-left: 0 !important; } .recuir-post-type .gutentor-button-wrap i { display: none !important; margin: 0 !important; background: #1a1a1a; padding: 15px 30px; display: flex; align-items: center; justify-content: center; border-radius: 60px; color: #ffff; font-size: 30px; border: 2px solid #fff; } .wp-block-cover.cctv_project_sec { margin-bottom: -20rem !important; } .recuir-post-type article { position: relative !important; margin-bottom: 3rem !important; } .project-small-text h6.stk-block-heading__text.has-text-color.has-text-align-center { width: 90%; margin: 0 auto !important; } .project-main-head h2{ text-decoration: underline ; } /* *-*-*-*-*-*-*-*- Why Choose Us Section -*-*-*-*-*-*-*-*- */ /* .wp-block-cover.cctv_latest_sec:hover .wp-block-stackable-heading h2 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } */ .why-choose-post-type .grid-container{ padding: 0px 40px; } .why-choose-post-type .gutentor-post-image-box{ overflow: visible; } .why-choose-post-type .gutentor-image-thumb{ overflow: visible; margin-top: -20px; } .why-choose-sub-head h2 { text-decoration: underline; } .why-choose-post-type .gutentor-post-item:hover .gutentor-button-wrap a span{ color: #E5781A !important; } .why-choose-post-type .gutentor-post-item:hover { background-color: #143B7D !important; & .gutentor-post-title a { color: #E5781A !important; } & .gutentor-post-desc { color: #FFFFFFCC; } & .why-choose-post-type .gutentor-button-wrap a{ color: #E5781A !important; } & .why-choose-post-type .gutentor-button-wrap a::after { filter: invert(62%) sepia(83%) saturate(749%) hue-rotate(341deg) brightness(97%) contrast(92%); } & .gutentor-image-thumb img { background: #E5781A; transform: scale(1.1); } /* HOVER EFFECT ON ::after ICON */ .gutentor-button-wrap a::after { background: #E5781A; /* change color on hover */ filter: none; /* remove filter if needed */ } } .recuir-post-type .gutentor-button::after { content: ""; display: inline-block; width: 30px; height: 30px; margin-left: 6px; clip-path: polygon( 100% 50%, 50% 75%, 0% 100%, 50% 50%, 0% 0%, 50% 25%, 100% 50% ); background: #FFFFFF; transition: background 0.3s ease, filter 0.3s ease; } .recuir-post-type .gutentor-post-item:hover .gutentor-button-wrap i { background: #E5781A !important; filter: none; } /* .recuir-post-type .gutentor-button::after { margin: 0 !important; background: #1a1a1a; padding: 15px 30px; display: flex; align-items: center; justify-content: center; border-radius: 60px; color: #ffff; font-size: 30px; border: 2px solid #fff; content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 6px; clip-path: polygon( 100% 50%, 50% 75%, 0% 100%, 50% 50%, 0% 0%, 50% 25%, 100% 50% ); background: #E5781A; transition: background 0.3s ease, filter 0.3s ease; } */ .why-choose-post-type .gutentor-button-wrap a::after { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 6px; /* background-image: url('assets/images/whychoose/why-btn.svg'); */ background-size: contain; background-repeat: no-repeat; clip-path: polygon( 100% 50%,50% 75%,0% 100%,50% 50%,0% 0%,50% 25%,100% 50% ); background: #1A1A1A; } .why-choose-post-type .gutentor-button-wrap { margin-top: 0px ; } .why-choose-post-type .gutentor-button-wrap a { background: transparent; font-family: 'Poppins'; color: #1A1A1A; font-size: 16px; font-weight: 500; &:hover { background: transparent; color: #E5781A; } } .latest-contact-left { padding: 6rem 0px; } .why-choose-post-type .grid-row{ row-gap:50px; } .why-choose-post-type img { height: 100px; width: 100px; background: #000000; border-radius: 50%; padding: 20px; overflow: visible; object-fit: contain; } .why-choose-post-type .gutentor-post-desc { font-size: 16px; font-family: 'Inter'; font-weight: 400; color: #FFFFFF; } .why-choose-post-type .gutentor-post-title a { font-size: 20px; font-family: 'Inter'; font-weight: 500; font-style: medium; color: #FFFFFF; &:hover { color: #E5781A; } } .why-choose-post-type .gutentor-post-item { overflow: visible !important; border: 1px solid #fff; border-radius: 25px; justify-content: space-between; padding: 0px 10px; background: #235DC4; } .why-choose-post-type article { text-align: center; } .gutentor-element-advanced-text.contact-lat-tel-num a { text-decoration: unset !important; & p { margin-bottom: 30px !important; font-family: 'Inter'; font-weight: 700; font-size: 40px; color: #3E3C3C; } &:hover p { color: #fff; } } .wp-block-cover.cctv_latest_sec .wp-block-column.latest_right_col span.wp-block-cover__background { transition: 0.8s ease-in-out; } /* *-*-*-*-*-*-*-*- Tools Section -*-*-*-*-*-*-*-*- */ .tools-posttype .gutentor-button span::after { content: url(assets/images/services/services-icon.svg); position: absolute; right: -25px; top: 2px; } .tools-head h2.stk-block-heading__text.has-text-color.has-text-align-center { width: 50%; margin: 0 auto !important; } .tools-sub-head h2.stk-block-heading__text.has-text-color.has-text-align-center{ text-decoration: underline; } .tools-main-grp { padding-top: 15rem; padding-bottom: 5rem; } .tools-inner-grp.third-container{ margin-right: 0px !important; } .tools-posttype .grid-row { gap: 25px; } .tools-posttype .gutentor-button span { position: relative; font-size: 14px; color: #E5781A; font-family: 'Poppins'; font-weight: 500; } .tools-posttype .gutentor-post-desc { color: #1A1A1A; font-size: 14px; font-weight: 400; font-family: 'Inter'; margin-bottom: 0px !important; } .tools-posttype .gutentor-post-title a { color: #1A1A1A; font-size: 20px; font-family: 'Poppins'; font-weight: 600; } .tools-posttype .gutentor-post-item { box-shadow: 0px 0px 4px 1px #00000040; border-radius: 100px; align-items: center !important; padding: 5px 15px; } .tools-posttype .gutentor-post-item:hover .gutentor-image-thumb { background: #E5781A !important; } .tools-posttype .gutentor-post-item:hover img { transform: scale(1.1); } .tools-posttype .gutentor-post-item:hover .gutentor-post-title a { color: #E5781A !important; } .tools-posttype .gutentor-post-content { width: 100% !important; } .tools-posttype .gutentor-post-image-box { margin-bottom: 0px !important; /* height: 70px; */ width: fit-content !important; & .gutentor-image-thumb { background: #1A1A1A; border-radius: 50%; padding: 15px 20px; overflow: visible; } & img { height: 70px; width: 70px; /* background: #1A1A1A; */ /* border-radius: 50%; */ /* padding: 15px; */ overflow: visible; object-fit: contain; } } /* *-*-*-*-*-*-*-*- Tools Section End-*-*-*-*-*-*-*-*- */ /* *-*-*-*-*-*-*-*- Workforce Section -*-*-*-*-*-*-*-*- */ .workforce-head h2.stk-block-heading__text.has-text-color.has-text-align-center { width: 90%; margin: 0 auto !important; } .main-img img { min-height: 345px; object-fit: cover; border-radius: 20px; } .workforce-sub-head h2.stk-block-heading__text.has-text-color.has-text-align-center{ text-decoration: underline; } .workforce-section { padding: 5rem 0rem; } .recuir-post-type a.gutentor-button.gutentor-post-button.gutentor-icon-after { /* padding: 0px !important; */ /* background: transparent; */ /* border: none !important; */ margin: 0 !important; background: #1a1a1a; padding: 15px 10px; display: flex; align-items: center; justify-content: center; border-radius: 60%; color: #ffff; font-size: 30px; border: 2px solid #fff; } .tools-posttype a.gutentor-button.gutentor-post-button { padding: 0px; background: transparent; } .work-comp:hover { &:hover .work-conts{ background: #143B7DE5; } &:hover h5.work-heading { color: #E5781A; } &:hover .work-content { color: #FFFFFF; } &:hover .work-conts img{ animation: 1s pulse ease-in-out infinite; } } .about-icon-box:hover{ &:hover .ugb-custom-icon{ animation: 0.8s pulse ease-in-out infinite; } } .work-comp { position: relative; } .work-conts { background: #FFFFFFE5; clip-path: polygon( 0% 35.632%,0% 9.259%,0% 9.259%,0.072% 7.757%,0.279% 6.333%,0.61% 5.004%,1.054% 3.791%,1.601% 2.712%,2.237% 1.786%,2.953% 1.034%,3.737% 0.472%,4.578% 0.121%,5.464% 0%,19.536% 0%,19.536% 0%,20.422% 0.121%,21.263% 0.472%,22.047% 1.034%,22.763% 1.787%,23.399% 2.712%,23.946% 3.791%,24.39% 5.004%,24.721% 6.333%,24.928% 7.757%,25% 9.259%,25% 26.373%,25% 26.373%,25.072% 27.875%,25.279% 29.3%,25.61% 30.628%,26.054% 31.841%,26.6% 32.92%,27.237% 33.846%,27.953% 34.599%,28.737% 35.16%,29.578% 35.511%,30.464% 35.632%,50% 35.632%,94.536% 35.632%,94.536% 35.632%,95.422% 35.753%,96.263% 36.104%,97.047% 36.666%,97.763% 37.419%,98.4% 38.344%,98.946% 39.423%,99.39% 40.636%,99.721% 41.965%,99.928% 43.39%,100% 44.891%,100% 90.741%,100% 90.741%,99.928% 92.243%,99.721% 93.667%,99.39% 94.996%,98.946% 96.209%,98.4% 97.288%,97.763% 98.214%,97.047% 98.967%,96.263% 99.528%,95.422% 99.879%,94.536% 100%,5.464% 100%,5.464% 100%,4.578% 99.879%,3.737% 99.528%,2.953% 98.967%,2.237% 98.214%,1.601% 97.288%,1.054% 96.209%,0.61% 94.996%,0.279% 93.667%,0.072% 92.243%,0% 90.741%,0% 35.632% ); padding: 20px; position: absolute; bottom: 20px; width: 80%; padding-right: 0px; } .work-content { font-size: 14px; color: #1A1A1AB2; font-family: 'Inter'; font-weight: 400; line-height: 25px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; } .work-conts a{ text-decoration: none; } h5.work-heading { font-size: 18px; color: #1A1A1A; /* text-decoration: wavy; */ font-family: 'Poppins' !important; font-weight: 600; padding-top: 30px; } .work-slider .work-conts img { width: fit-content !important; margin-left: 5px; } .work-slider .owl-dots{ display: flex; gap: 10px; justify-content: center; align-items: center; } .work-slider .owl-dot.active { width: 30px; height: 10px; background: #E5781A; border-radius: 10px; } .work-slider .owl-dot { background: #143B7D; height: 10px; width: 10px; padding: 0px; border-radius: 10px; } /* *-*-*-*-*-*-*-*- Workforce Section End-*-*-*-*-*-*-*-*- */ /* *-*-*-*-*-*-*-*- Team Section -*-*-*-*-*-*-*-*- */ /* .wp-block-group.cctv_team_sec:hover .wp-block-stackable-heading h2 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } */ .cctv_team_sec { padding-top: 15rem !important; } .team-sub-head h2{ text-decoration: underline; } .team-social a.stk-link.stk-button.stk--hover-effect-darken{ background: transparent !important; } /* .team-inner-grp:hover.inner-single-team{} .team-inner-grp:hover .inner-single-team{ background: #E5781A !important; } */ .team-inner-grp:hover{ .team-social { display: block; } .inner-single-team{ background: #E5781A !important; } .team-inner-grp img{ transform: scale(1.5) !important; } } .team-social { width: fit-content; padding: 15px !important; position: absolute; top: 0; right: 0; display: none; } .inner-single-team{ width: fit-content; margin-top: -40px; z-index: 1; } /* *-*-*-*-*-*-*-*- Solution Section -*-*-*-*-*-*-*-*- */ .single-workforce .social-icon{ display: none !important; } #bp_aud, #bp_container img, #bp_sv, #bp_vid { max-height: 80% !important; } #bp_container>.bp-x { top: 50px !important; right: 20px !important; } /* Target play icon wrapper */ .solution-video .stk-block-icon { position: relative; transition: transform 0.3s ease; } /* Hover scale */ .solution-video:hover .stk-block-icon { transform: scale(1.1); } /* Ripple animation */ .solution-video .stk-block-icon::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.6); animation: ripple 2s infinite; } /* Keyframes */ @keyframes ripple { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.8); opacity: 0; } } .solution-video .stk-block-icon { animation: pulse 1.8s infinite; } @keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(35, 93, 196, 0.6); } 70% { transform: scale(1.1); box-shadow: 0 0 0 20px rgba(35, 93, 196, 0); } 100% { transform: scale(1); } } /* .solution-video:hover .stk-block-icon { box-shadow: 0 0 25px rgba(35, 93, 196, 0.8); } */ .solution-video .wp-block-stackable-icon { position: relative; display: inline-block; overflow: visible !important; } .solution-video .wp-block-stackable-icon::after { content: ""; position: absolute; width: 160%; height: 160%; top: -30%; left: -30%; border-radius: 50%; border: 5px solid var(--color-f7941d); opacity: 1; pointer-events: none; animation: pulse 1.2s infinite ease-out; } @keyframes pulse { 0% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .solution-video .wp-block-stackable-icon{ box-shadow: 0px 0px 2px 10px #6a84b2; } .wp-block-cover.solution-overlay { padding: 5rem 0px; } .solution-sub-head h2{ text-decoration: underline; } .solution-head h2.stk-block-heading__text.has-text-color{ width: 85%; margin: 0 auto !important; } /* *-*-*-*-*-*-*-*- Testimonial Section -*-*-*-*-*-*-*-*- */ /* .wp-block-cover.cctv_testimonial_sec:hover .wp-block-stackable-heading h2 { animation: text3DAnimation 1s ease-in-out forwards; transition: transform 1s ease-in-out; } */ section.wp-block-cover.cctv_testimonial_sec { margin-bottom: -24rem; } .testimonial_slider .wp-block-stackable-column{ box-shadow: 0px 0px 4px 1px #00000040; } .testimonial_slider .stk-block-carousel__button{ border: 2px solid #FFFFFF !important; } .wp-block-stackable-carousel.testimonial_slider .wp-block-stackable-column { overflow: visible !important; &:hover .wp-block-image.testimonial_img { animation: pulse 0.8s ease-in-out infinite; } &:hover .stk-block-content::after { animation: shake 5s ease-in-out infinite; } &:hover .testimonial_img img { border: 2px solid #E5781A !important; } &:hover .stk-block-content::after { content: '\f10d'; position: absolute; top: -70px; right: 0; color: #E5781A !important; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 70px; } &:hover .testi-head h4{ color: #E5781A !important; } } /* .testimonial_slider .stk-block-carousel__slider{ width: 100% !important; } */ .testimonial_img img { border: 2px solid #1A1A1A; } .testi-rating .gutentor-element-rating-box { text-align: center !important; } .testi-rating .gutentor-element-rating-box i{ color: #FBB034 !important; } .wp-block-stackable-heading.testi-sub-head{ margin-bottom: 0px !important; } .testi-row{ align-items: center !important; } .testi-sub-head h2.stk-block-heading__text.has-text-color.has-background-color.has-text-align-center{ text-decoration: underline; margin-bottom: 25px !important; } .testi-head h6.stk-block-heading__text.has-text-color.has-text-align-center{ width: 80%; margin: 0 auto !important; } /* .cctv_testimonial_sec .stk-block-carousel__buttons .stk-block-carousel__button.stk-block-carousel__button__next{ margin-right: -35px !important; } .cctv_testimonial_sec .stk-block-carousel__buttons .stk-block-carousel__button.stk-block-carousel__button__prev{ margin-left: -35px !important; } */ /* .cctv_testimonial_sec .stk-block-carousel__buttons{ align-items: end; position: absolute; bottom: -95px; } */ /* .cctv_testimonial_sec .testimonial_slider figure{ width: 55px; height: 55px; } */ .cctv_testimonial_sec .testimonial_slider figure img{ width: 100%; height: 100%; } .cctv_testimonial_sec .testimonial_slider .stk-block-carousel__slider{ padding-top: 40px; padding: 40px 5px 5px 5px; /* width: 100% !important; margin: 0px 20px !important; */ } .cctv_testimonial_sec .testimonial_slider .stk-block-column .stk-block-content, .cctv_testimonial_sec .testimonial_slider .stk-column{ position: relative; } /* .cctv_testimonial_sec .testimonial_slider .stk-block-content figure{ position: absolute; top: -70px; left: 0; } */ .cctv_testimonial_sec .testimonial_slider .stk-block-column .stk-block-content::after { content: '\f10d'; position: absolute; top: -70px; right: 0; /* background-color: #fff; width: 55px; height: 55px; */ color: #1A1A1A; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 70px; /* display: flex; justify-content: center; align-items: center; border-radius: 50px; */ } /* .cctv_testimonial_sec .stk-block-carousel__button:hover { background-color: #000000 !important; } .cctv_testimonial_sec .stk-block-carousel__button:hover path{ color: #92C7C7 !important; } .wp-block-stackable-carousel.testimonial_slider .stk-block-carousel__buttons button svg path { color: #92C7C7 !important; } */ /* *-*-*-*-*-*-*-*- Newsletter Section -*-*-*-*-*-*-*-*- */ .wpcf7 form .wpcf7-response-output{ width:fit-content !important; margin: 0 auto !important; } .wp-block-cover.cctv_brand_sec.one-container.has-aspect-ratio { margin-top: 5rem !important; margin-bottom: 5rem !important; } .newsletter-right-col .wpcf7-form p { display: flex; align-items: flex-start; justify-content: flex-end; } /* .newsletter-right-col .wpcf7-form p .wpcf7-spinner { display: none; } */ /* .newsletter-right-col .wpcf7-form.invalid p .wpcf7-form-control{ margin-bottom: 25px; } */ .newsletter-right-col .wpcf7-form.invalid p .wpcf7-submit{ margin-bottom: 25px; } .newsletter-right-col .wpcf7-form p .wpcf7-submit { border-radius: 30px; padding: 14px 50px; margin-left: -55px !important; z-index: 1; background: #E5781A !important; color: #fff !important; font-size: 16px; font-family: 'Poppins' !important; font-weight: 600; } .newsletter-right-col .wpcf7-form p .wpcf7-form-control { border-radius: 30px; } .newsletter-para-col{ padding-right: 5rem; } .newsletter-right-col .wpcf7-form p .wpcf7-email{ padding-left: 35px ; } .cctv_brand_sec { padding: 55px 0px 55px 55px; } .newsletter-right-col .wpcf7-form p .wpcf7-email::placeholder { color: #1A1A1A59; font-family: 'Poppins' !important; font-size: 16px; font-weight: 300; font-style: 'light'; } /* .newsletter-sub-head-col{ margin-bottom: 20px; } */ .newsletter-sub-head-col h2 { text-decoration: underline; /* margin-bottom: 44px !important; */ } /* *-*-*-*-*-*-*-*- Blog Section -*-*-*-*-*-*-*-*- */ .wp-block-group.cctv_blog_sec:hover .wp-block-stackable-heading h3 { animation: text3DAnimation 1s ease-in-out forwards !important; transition: transform 1s ease-in-out !important; } .blog-sub-head h3{ text-decoration: underline; } .blog-head { max-width: 100%; } .blog-head h6.stk-block-heading__text.has-text-color.has-text-align-center{ width: 75% !important; margin: 0 auto !important; /* text-align: center; */ } .blog-slider .stk-block-carousel__button{ border: 2px solid #FFFFFF !important; border-radius: 5px !important; } /* .gutentor-post-item:hover .gutentor-button span { color: #E5781A !important; } */ .blog-slider-inner-post .gutentor-post-item{ position: relative; overflow: hidden; transition: all 0.3s ease-in-out; } .blog-slider-inner-post .gutentor-post-item:hover::after { position: absolute; content: ''; height: 100px; width: 100px; top: 0px; right: 0px; background: #E5781A; clip-path: polygon(100% 100%, 100% 0, 0 0); border-top-right-radius: 20px; margin: 0; padding: 0%; animation: expandCircle 0.5s forwards; } .blog-slider-inner-post .gutentor-post-item:hover { /* background-color: #143B7D !important; */ & .gutentor-post-title-data-wrap a { color: #E5781A !important; } & .gutentor-post-desc { color: #1A1A1A; } & .blog-slider-inner-post a.gutentor-button.gutentor-post-button{ color: #E5781A !important; } & .blog-slider-inner-post .gutentor-button::after { /* filter: invert(62%) sepia(83%) saturate(749%) hue-rotate(341deg) brightness(97%) contrast(92%); */ background: #E5781A !important; } & .gutentor-image-thumb img { background: #E5781A; transform: scale(1.1); } } /* Change ::after on hover */ .blog-slider-inner-post .gutentor-post-item:hover .gutentor-button::after { background: #E5781A !important; } .blog-slider-inner-post .gutentor-post-item:hover .gutentor-button span { color: #E5781A !important; } /* .blog-slider .wp-block-stackable-column{ max-width: 430px; } */ .blog-slider-inner-post .gutentor-post-image-box { height: 280px !important; } .blog-slider-inner-post .gutentor-post-image-box img { object-fit: cover; height: 280px; } .blog-slider-inner-post article { padding: 0px; } .blog-slider-inner-post article .gutentor-post-item { background: #FFFFFF; padding: 0px; border-radius: 20px; } .blog-slider-inner-post article .gutentor-post-item .gutentor-post-title-data-wrap a{ color: #1A1A1A; font-size: 24px; font-family: 'Poppins'; font-weight: 600; } .blog-slider-inner-post article .gutentor-post-item .gutentor-post-desc{ color: #1A1A1A; font-size: 16px; font-family: 'Inter'; font-weight: 400; line-height: 25px; /* margin: 20px 0px; */ overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; } .blog-slider-inner-post article .gutentor-post-item .gutentor-button::after { position: absolute; content: ''; right: 0px; clip-path: polygon( 100% 50%,50% 75%,0% 100%,50% 50%,0% 0%,50% 25%,100% 50% ); background: #1A1A1A; height: 10px; width: 10px; } .blog-slider-inner-post article .gutentor-post-item .gutentor-button{ background: transparent !important; color: #1A1A1A !important; font-size: 14px; font-family: 'Poppins'; font-weight: 500; position: relative; } .blog-slider-inner-post article .gutentor-post-item .gutentor-post-title-data-wrap , .blog-slider-inner-post article .gutentor-post-item .gutentor-post-desc , .blog-slider-inner-post article .gutentor-post-item .gutentor-button { padding: 0px 20px; } .cctv_counter_sec .container { animation: fadeInLeft; animation-duration: 3s; --animate-delay: 1s; } /* .spinner-loading-box{ background: #E5781A; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } */ /* MULTI SPINNER */ /* .multi-spinner-container { width: 150px; height: 150px; position: relative; margin: 30px auto; overflow: hidden; } div#mtsnb-86 { z-index: 1 !important; } .multi-spinner { position: absolute; width: calc(100% - 9.9px); height: calc(100% - 9.9px); border: 5px solid transparent; border-top-color: #fff; border-radius: 50%; -webkit-animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite; animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite; } */ /* ------------- Animations Media------------- */ @media screen and (max-width:1920px) and (min-width: 768px) { .tools-inner-col-right.animate__fadeInRight , .tools-head.animate__fadeInRight{ animation: fadeInRight; animation-duration: 3s; --animate-delay: 0s; } .tools-sub-head.animate__fadeInLeft , .tools-inner-col-left.animate__fadeInLeft{ animation: fadeInLeft; animation-duration: 3s; --animate-delay: 0s; } .industry-right-main-col.animate__bounceInRight{ animation: bounceInRight; animation-duration: 3s; --animate-delay: 0s; } .industry-left-main-col.animate__bounceInLeft{ animation: bounceInLeft; animation-duration: 3s; --animate-delay: 0s; } .recuir-slider.animate__zoomIn{ animation: zoomIn; animation-duration: 3s; --animate-delay: 0s; } .solution-head.animate__backInRight { animation: backInRight; animation-duration: 3s; --animate-delay: 0s; } .solution-sub-head.animate__backInLeft { animation: backInLeft; animation-duration: 3s; --animate-delay: 0s; } .team-slider.animate__bounceInDown { animation: bounceInDown; animation-duration: 3s; --animate-delay: 0s; } .team-head.animate__backInRight { animation: backInRight; animation-duration: 3s; --animate-delay: 0s; } .team-sub-head.animate__backInLeft{ animation: backInLeft; animation-duration: 3s; --animate-delay: 0s; } .blog-head.animate__backInRight { animation: backInRight; animation-duration: 3s; --animate-delay: 0s; } .blog-sub-head.animate__backInLeft { animation: backInLeft; animation-duration: 3s; --animate-delay: 0s; } .blog-slider.animate__zoomInUp { animation: zoomInUp; animation-duration: 3s; --animate-delay: 0s; } .col_two.animate__zoomInDown { animation: zoomInDown; animation-duration: 3s; --animate-delay: 0s; } .col_three.animate__zoomInRight { animation: zoomInRight; animation-duration: 3s; --animate-delay: 0s; } .col_one.animate__zoomInLeft { animation: zoomInLeft; animation-duration: 3s; --animate-delay: 0s; } .expert-head-mian-div.animate__zoomInDown { animation: zoomInDown; animation-duration: 3s; --animate-delay: 0s; } .expert-sec-bot-inner-col-two.animate__zoomInRight { animation: zoomInRight; animation-duration: 3s; --animate-delay: 0s; } .expert-sec-bot-inner-col-one.animate__zoomInLeft { animation: zoomInLeft; animation-duration: 3s; --animate-delay: 0s; } .newsletter-right-col.animate__fadeInRight{ animation: fadeInRight; animation-duration: 3s; --animate-delay: 0s; } .newsletter-left-col.animate__fadeInLeft { animation: fadeInLeft; animation-duration: 3s; --animate-delay: 0s; } .services-slider.animate__backInLeft { animation: backInLeft; animation-duration: 3s; --animate-delay: 0s; } .blog-carousel.animate__bounceInDown { animation: bounceInDown; animation-duration: 3s; --animate-delay: 0s; } .slider.brands-slider.animate__zoomInLeft { animation: zoomInLeft; animation-duration: 2s; --animate-delay: 0s; } .testimonial_slider.animate__bounceInUp { animation: bounceInUp; animation-duration: 2s; --animate-delay: 0s; } .latest-contact-left.animate__slideInLeft { animation: slideInLeft; animation-duration: 1s; --animate-delay: 0s; } .cctv_home_contact_row.animate__slideInUp { animation: slideInUp; animation-duration: 2s; --animate-delay: 0s; } .project_icon.animate__slideInLeft, .project-small-text.animate__slideInLeft { animation: slideInLeft; animation-duration: 1.5s; --animate-delay: 0s; } .project-main-head.animate__slideInRight { animation: slideInRight; animation-duration: 1.5s; --animate-delay: 0s; } .counter_slider.animate__bounceInUp { animation: bounceInUp; animation-duration: 1.5s; --animate-delay: 0s; } .service_icon.animate__fadeInLeft { animation: fadeInLeft; animation-duration: 1.5s; --animate-delay: 0s; } .text-service-main.animate__fadeInLeft { animation: fadeInLeft; animation-duration: 2s; --animate-delay: 0s; } .service-small-text.animate__fadeInLeft { animation: fadeInLeft; animation-duration: 2.5s; --animate-delay: 0s; } .services-slider.animate__zoomInRight { animation: zoomInRight; animation-duration: 1.5s; --animate-delay: 0s; } .about_left_col.animate__zoomInDown { animation: zoomInDown; animation-duration: 2s; --animate-delay: 0s; } .about_right_col.animate__zoomInUp { animation: zoomInUp; animation-duration: 2s; --animate-delay: 0s; } .one-second-slide.animate__slideInDown { animation: slideInDown; animation-duration: 2s; --animate-delay: 0s; } .two-second-slide.animate__slideInDown { animation: slideInDown; animation-duration: 2.5s; --animate-delay: 0s; } .three-second-slide.animate__slideInDown { animation: slideInDown; animation-duration: 3s; --animate-delay: 0s; } .psychotherapy-header-sec nav ul li.has-child:hover ul { animation: zoomIn 0.3s ease-in-out; } .psychotherapy-header-sec nav ul li.has-child ul li a { transition: 0.5s ease-in-out; } .psychotherapy-header-sec nav ul li.has-child ul li:hover a { padding-left: 30px; background-color: #37706F; } .slider_left_col.animate__zoomInLeft { animation: zoomInLeft; animation-duration: 2s; --animate-delay: 0s; } .blank.animate__tada { animation: fadeInDown; animation-duration: 2s; --animate-delay: 0s; } @keyframes text3DAnimation { 0% { text-shadow: none; transform: unset; } 100% { text-shadow: 0 1px 0 rgb(190,190,190), 0 2px 0 rgb(185,185,185), 0 3px 0 rgb(180,180,180), 0 4px 0 rgb(175,175,175), 0 5px 0 rgb(170,170,170), 0 6px 0 rgb(165,165,165), 0 7px 0 rgb(160,160,160), 0 8px 0 rgb(155,155,155), 0 9px 0 rgb(150,150,150), 0 1px 5px rgba(0,0,0,.05), 0 5px 5px rgba(0,0,0,.10), 0 10px 10px rgba(0,0,0,.15), 0 15px 10px rgba(0,0,0,.20), 0 20px 15px rgba(0,0,0,.25); transform: translate(-1%, -1%); } } /* .wp-block-group.cctv_slider_sec:hover .wp-block-column.blank .wp-block-stackable-image { transform: scale(1.15) translate(2rem, -1.5rem); } */ } .one-container { max-width: 1360px !important; margin: 0px auto !important; } .first-container { max-width: 1820px !important; margin: 0px auto !important; } .sec-container { max-width: 1500px !important; margin: 0px auto !important; } .third-container { max-width: 1640px !important; margin: 0px auto !important; } .header-buy-now span , .footer-buy-now span{ background: #FFF; color: #E5781A; padding: 10px; border-radius: 5px; /* border:1px solid transparent; */ &:hover{ /* border:1px solid #fff; */ background:#E5781A; color:#fff; } }