/*
Theme Name: Creative Designer Pro
Theme URI:https://www.wpradiant.net/products/psychotherapy-clinic-wordpress-theme
Author: wpradiant
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: creative-designer-pro
*/

/*header buy now bar start*/
/* main#wp--skip-link--target {
    background: #FFFFFF !important;
} */

@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;
}
 
#site-preloader lottie-player {
    transform: scale(0.3);  /* 50% smaller */
    transform-origin: center center;
}
.sticky .header-row {
    max-width: 1320px;
    align-items: center !important;
}
.sticky{
	position: fixed;
	background: #000;
	width: 100%;
	max-width: 100%;
	top: 0px;
	z-index: 999;
    box-shadow: 0px 5px 5px 0px #848cef;
    border-bottom: none !important;
}
.header-coupon {
    color: #fff;
}
.psychotherapy-header-sec .header-search-col:after {
	content: unset !important;
}


.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 {
    box-shadow: 0px 5px 5px 0px #848cef;
    position: fixed;
    width: 100% !important;
    max-width: 100% !important;
    top: 32px;
    z-index: 999;
    background: #000;
}
 .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{ 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);
}

.creative-designer-pro-header .wp-block-cover, .creative-designer-pro-header .wp-block-cover-image, .creative-designer-pro-footer .wp-block-cover, .creative-designer-pro-footer .wp-block-cover-image, .creative-designer-pro-porduct-section, .creative-designer-pro-menu-section{align-items:inherit;}
.creative-designer-pro-footer-menu .wp-block-navigation li {padding-left:20px; position:relative;}
.creative-designer-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%);}
.creative-designer-pro-header .wp-block-navigation__submenu-container{min-width:215px !important; background:#5f1c00 !important;}
.creative-designer-pro-menu .wp-block-navigation li{padding:17px 0px;}
.creative-designer-pro-menu .wp-block-navigation__submenu-container li{padding:inherit;}
.creative-designer-pro-menu .wp-block-group {padding:0;}
.wc-block-mini-cart__button:hover {background:transparent;}

.creative-designer-pro-menu {font-family:Oswald;}
.creative-designer-pro-header .wp-block-navigation li.current-menu-item .wp-block-navigation-item__label, .creative-designer-pro-header .wp-block-navigation li .wp-block-navigation-item__label:hover{color:#5BAAEC;}
.creative-designer-pro-footer-menu .wp-block-navigation li.current-menu-item .wp-block-navigation-item__label, .creative-designer-pro-footer-menu .wp-block-navigation li .wp-block-navigation-item__label:hover{ color:#ff8502;}
.creative-designer-pro-footer-menu .wp-block-navigation li:hover:before, .creative-designer-pro-footer-menu .wp-block-navigation li.current-menu-item:before{ background:#ff8502;}

.creative-designer-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;}
.creative-designer-pro-ice-berg h3 {width:50%; margin:0 auto;}
.creative-designer-pro-ice-berg:hover .wp-block-image{background: #19375B;}
.creative-designer-pro-ice-berg:hover h3{color:#19375B !important;}
.creative-designer-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;}
.creative-designer-pro-product-box .wc-block-components-product-image img {width:auto !important; margin:0 auto; display:table;}

.creative-designer-pro-menu-section::before {content:''; width:35%; height:100%; background:#19375B; position:absolute; left:0px; top:0; z-index:1;}
.creative-designer-pro-section .wp-block-columns{position: relative;
overflow: hidden;}
.creative-designer-pro-discount-box {width:230px !important; height:230px; position:absolute; right:-60px; bottom:-50px;}
.creative-designer-pro-section-box .wp-block-column {z-index:9;}
.creative-designer-pro-section .creative-designer-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;}
.creative-designer-pro-inner-banner{ position:relative; z-index:-1;}

.creative-designer-pro-section11-left {margin-right:100px !important;}
.creative-designer-pro-section11{ position:relative;}
.creative-designer-pro-section11::before {content:''; width:41.5%; position:absolute; height:100%; background:#19375B; z-index:0;}
.creative-designer-pro-section11 .wp-block-columns{ position:relative; z-index:0;}

.creative-designer-pro-section7-right .wp-block-image {position:absolute; right:0;}
.creative-designer-pro-section7 {position:relative; overflow:hidden;}
.creative-designer-pro-section5-left {position:relative;}
.creative-designer-pro-section5-left::after {content:""; position:absolute; left:0; top:0; background:#19375B; width:45%; height:100%; z-index:-1;}
.creative-designer-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 .creative-designer-pro-menu li:nth-child(1) span {color:#5BAAEC;}
body.home .creative-designer-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span {color:inherit;}
body.home .creative-designer-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span:hover, body.home .creative-designer-pro-menu li .wp-block-navigation__submenu-container li span:hover, .creative-designer-pro-menu li .wp-block-navigation__submenu-container li span:hover {color:#5BAAEC;}
.creative-designer-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){
.creative-designer-pro-section7-right .wp-block-image {position:relative; right:-114px;}
.creative-designer-pro-menu-section::before{ width:25%;}
}
@media(max-width: 1300px){
.creative-designer-pro-section7-right .wp-block-image{ right:-40px;}
}

@media(max-width: 1199px ){

.creative-designer-pro-menu-section::before { display:none}
.creative-designer-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){
.creative-designer-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;}
.creative-designer-pro-header-top-bar-left {text-align:center; padding-bottom:25px;}
.creative-designer-pro-header-top-bar-left .wp-block-image {display:table; margin:0 auto !important; float:none !important; margin-bottom:10px !important; display:none;}
.creative-designer-pro-header-top-bar {padding-top:20px !important; padding-bottom:35px !important;}

.creative-designer-pro-banner-content {padding-top:0px !important; text-align:center; padding-bottom:40px;}
.creative-designer-pro-banner-content .wp-block-buttons {margin:0 auto; display: table !important;}
.creative-designer-pro-header-top-bar-right .wp-block-woocommerce-mini-cart {display:table; margin:0 auto !important; padding-top:20px;}
.creative-designer-pro-section1 {padding:40px 15px 0px !important;}
.creative-designer-pro-section1-left {text-align:center;}
.creative-designer-pro-section1-left .wp-block-button{ display:table; margin:0 auto;}
.creative-designer-pro-section1-right {padding-top:40px;}
.creative-designer-pro-ice-berg {margin-bottom:40px !important;}
.creative-designer-pro-ice-berg h3 {width:100%;}
.creative-designer-pro-section1-left p {padding-top:0px !important;}

.creative-designer-pro-section2{padding:60px 15px 40px !important;}
.creative-designer-pro-section2-right {text-align:center;}
.creative-designer-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;}

.creative-designer-pro-section3{ padding:40px 15px !important; text-align:center;}
.creative-designer-pro-section3-right {margin-top:40px !important; padding: 30px !important; text-align: center !important;}
.creative-designer-pro-better-box .wp-block-image{ float:none; margin-bottom:15px !important;}
.creative-designer-pro-section3-left .wp-block-button{ display:table; margin:0 auto;}
.creative-designer-pro-discount-box {padding-top:30px !important;}

.creative-designer-pro-section5-inner {padding:40px 15px !important;}
.creative-designer-pro-porduct-section {padding:40px 0px !important;}
.creative-designer-pro-menu-section::before { display:none;}
.creative-designer-pro-menu-section .wp-block-group {text-align:center;}
.creative-designer-pro-section5-right .wp-block-buttons {display:table; margin:0 auto;}
.creative-designer-pro-section6 {padding:40px 15px !important;}
.creative-designer-pro-section7-left {padding:40px 15px !important;}
.creative-designer-pro-section7-left .wp-block-group, .creative-designer-pro-section7-left h2.has-text-color, .creative-designer-pro-section7-left .wp-block-columns {padding:0px !important;}
.creative-designer-pro-section7-testimonial-box { padding:30px !important;}
.wp-block-group.creative-designer-pro-section7-testimonial-box {padding:30px !important;}
.creative-designer-pro-section7-left .wp-block-columns {margin-top:40px !important;}
.wp-block-group.creative-designer-pro-section7-testimonial-box .wp-block-columns {margin-top:0px !important;}
.creative-designer-pro-section7-right .wp-block-image {margin:0px !important; right:0px;}
.creative-designer-pro-section7-left h5, .creative-designer-pro-section7-left h2 {text-align:center;}
.creative-designer-pro-section7-testimonial-box h4, .creative-designer-pro-section7-testimonial-box p {text-align:center;}
.creative-designer-pro-section7-testimonial-box .wp-block-image {margin:0 auto !important; float:none !important;}
.creative-designer-pro-section7-right .wp-block-image, .creative-designer-pro-section7-right .wp-block-image img{ width:100% !important;}

.creative-designer-pro-section9 {padding:40px 15px !important;}
.creative-designer-pro-section10 {padding:40px 15px !important;}
.creative-designer-pro-section11 {padding:0px !important;}
.creative-designer-pro-section11-left {padding:0px !important; padding-bottom:40px !important;}
.creative-designer-pro-section11-left h5, .creative-designer-pro-section11-left h2 {text-align:center;}
.creative-designer-pro-section11-left .wp-block-buttons{display:table !important; margin:0 auto !important;}
.creative-designer-pro-section11-right .wp-block-column {border:none;}
.creative-designer-pro-section11-left {margin-right:0px !important;}
.creative-designer-pro-section11-left .wp-block-group {padding:40px !important;}
.creative-designer-pro-section11::before { display:none;}
.creative-designer-pro-section11-right {padding:0px 0px 40px 0px !important;}

.creative-designer-pro-section-box {padding:80px 25px 200px !important;}
.creative-designer-pro-section-box h2{font-size:38px !important;}
.creative-designer-pro-section-box .wp-block-column{ padding:0px !important;}
.creative-designer-pro-footer-column {padding:20px 15px !important;}
.creative-designer-pro-footer-box, .creative-designer-pro-footer-menu {padding:20px 0px;}
.creative-designer-pro-footer-copyright .wp-block-column {text-align:center;}
.creative-designer-pro-section11-right .wp-block-columns {border:none; margin:0px !important;}

.header-layout1{padding:20px 0px !important;}
.creative-designer-pro-404 .wp-block-search__inside-wrapper {width:100% !important;}
.creative-designer-pro-404 {padding:40px 15px !important;}

.creative-designer-pro-blog-area, .cctvblock-blog-right-side, .creative-designer-pro-blog-left-side-page, .creative-designer-pro-blog-no-sidebar, .creative-designer-pro-archive-page {padding:40px 15px !important;}
.creative-designer-pro-blog-content {padding-left:0px !important; padding-top:25px;}
.creative-designer-pro-blog-meta .wp-block-post-date, .creative-designer-pro-blog-meta .wp-block-post-author, .creative-designer-pro-blog-meta .wp-block-post-terms {width:100% !important; padding:0px !important;}
.creative-designer-pro-blog-left-side-area {padding-right:0px !important;}
.cctvblock-cctvblock-blog-right-side-page{ padding-left:0px !important;}
.creative-designer-pro-contact-lay1, .creative-designer-pro-contact-lay2-box{padding:40px 15px !important;}
.creative-designer-pro-contact-lay1 .wp-block-group{ padding-right:0px !important;}
.creative-designer-pro-contact-lay1 .creative-designer-pro-contact-info{ padding-top:40px;}
.creative-designer-pro-contact-info-box {padding:30px !important;}
.creative-designer-pro-service-single-lay{padding:40px 15px 0px !important;}
.creative-designer-pro-service-menu {padding-right:0px !important; padding-bottom:40px;}
.creative-designer-pro-service-single-lay h2 {font-size:24px !important;}
.creative-designer-pro-team-section1 {padding:40px 15px !important;}
.creative-designer-pro-team-section1-right{ padding-top:40px;}
.creative-designer-pro-team-section1 .wp-block-columns{ padding-bottom:40px !important;}
.creative-designer-pro-team-section2{ padding-top:0px !important; padding-bottom:20px !important;}
.creative-designer-pro-team-section-box {margin-bottom:30px !important; padding-right:0px !important;}
.creative-designer-pro-archive-left {padding-right:0px !important;}
.creative-designer-pro-inner-banner-title {font-size:26px !important; margin:0px !important;}
.creative-designer-pro-blog-single-area {padding:40px 15px !important;}
.creative-designer-pro-blog-single-right-area {padding-left:0px !important; padding-top:40px;}
.creative-designer-pro-section9 .wp-block-buttons {margin-top:30px !important;}
.creative-designer-pro-inner-banner .wp-block-cover {min-height:220px !important;}
.creative-designer-pro-404 h1{padding-bottom:30px !important; font-size:30px !important;}
.related.products li, .products li{width:100% !important; margin:0 auto !important;}
.creative-designer-pro-section5-menu-box .wp-block-column {text-align:center;}
.creative-designer-pro-section5-left::after{ display:none;}
.creative-designer-pro-section5-left, .creative-designer-pro-section5-right{ padding:0px !important;}
}

@media(min-width: 1024px){
.creative-designer-pro-banner{padding-left:60px !important;}
}

@media(min-width: 768px) and (max-width: 1023px){
.creative-designer-pro-header-top-bar {padding:20px 15px !important;}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.creative-designer-pro-header-top-bar-left, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.creative-designer-pro-header-top-bar-logo, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.creative-designer-pro-header-top-bar-right {flex-basis:auto !important; width:33.33%; float:left; padding:0px !important;}
.creative-designer-pro-ice-berg .wp-block-image{width:140px; height:140px;}
.creative-designer-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.creative-designer-pro-banner-content, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.creative-designer-pro-banner-image{flex-basis:auto !important; width:50%; float:left; padding:0px !important; text-align:left;}
.creative-designer-pro-banner-content .wp-block-buttons {margin:inherit;}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.creative-designer-pro-banner-content {padding-top:40px !important;}
.creative-designer-pro-section1-right .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis:auto !important;}
.creative-designer-pro-better-box {flex-basis:auto !important; width:49% !important; display:inline-block; padding:15px !important;}
.creative-designer-pro-section11-right .is-layout-flow.wp-block-column {flex-basis:auto !important; padding:15px;}
.creative-designer-pro-section2-left .wp-block-image.alignleft.size-full, .creative-designer-pro-section5-inner .wp-block-image.alignleft.size-full {float:none; text-align:center; width:100%;}
.creative-designer-pro-section7-testimonial-box {width:60%; margin:0 auto;}
.creative-designer-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){
.creative-designer-pro-section8-product-box ul li, .creative-designer-pro-section4-product-box ul li, .creative-designer-pro-section9 ul li {width:calc(50% - .9375em) !important;}
.creative-designer-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;}
.creative-designer-pro-blog-content h2 {font-size:24px !important;}
.creative-designer-pro-ice-berg h3 {width:100%;}
.creative-designer-pro-section7-left .wp-block-group {padding:0px !important;}
.creative-designer-pro-section7-left .wp-block-columns {padding:0px !important;}
.creative-designer-pro-section7-left h2{ padding:0px !important;}
.creative-designer-pro-section1-left p {padding-top:0px !important;}
.creative-designer-pro-section7-left {padding:40px 15px 0px !important;}
.wp-block-group .creative-designer-pro-section7-testimonial-box {padding:20px 25px !important; margin-top: 30px !important;}
.wp-block-group .creative-designer-pro-section7-testimonial-box p{ font-size:16px !important; padding-bottom:10px !important;}
.creative-designer-pro-section-box{padding-right:30px !important; padding-left:30px !important;}
.creative-designer-pro-section8 h2{font-size: 46px !important;}
.creative-designer-pro-banner-content h1{font-size:50px !important;}
.creative-designer-pro-header-top-bar-left .wp-block-image {margin:0px !important;}
.creative-designer-pro-404 h3.has-text-color {font-size:80px !important;}
.creative-designer-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;
	}


.creative-designer-pro-header-banner .wp-block-cover{padding-top:300px !important;}
}

@media(min-width: 600px) and (max-width: 799px){
.creative-designer-pro-header .wp-block-navigation__submenu-container {right:-1px !important; left:auto !important;}
}
@media(max-width: 600px){

	.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){
.creative-designer-pro-menu {position:relative; right:0px; top:-25px;}
.creative-designer-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;}
.creative-designer-pro-menu .wp-block-navigation ul li{display:block !important; border-bottom:solid 1px #ccc; margin-bottom:0px; padding:15px 0px; padding-right:25px;}
.creative-designer-pro-menu .wp-block-navigation__submenu-container {padding-right:0px !important;}
.creative-designer-pro-menu .wp-block-navigation ul li a{ line-height:normal !important;}
.creative-designer-pro-menu .wp-block-navigation__submenu-container li a{ text-align:right; display:inherit !important;}
.creative-designer-pro-menu .wp-block-navigation__submenu-container{ padding-top:20px !important;}
.creative-designer-pro-menu .wp-block-navigation__submenu-container li {border:none !important;}
.creative-designer-pro-menu .wp-block-navigation__responsive-container-open:hover {background:none;}
.creative-designer-pro-menu .wp-block-navigation__responsive-container-open svg{width:35px; height:35px;}
.creative-designer-pro-menu .wp-block-navigation.items-justified-right{ padding-top:0px;}
.creative-designer-pro-menu .current-menu-item a, .creative-designer-pro-menu li a:hover {color:#5BAAEC !important; background:none !important;}
.creative-designer-pro-menu .is-layout-constrained {padding:5px !important;}
}


/* *-*-*-*-*-*-*-*-*-* New CSS	*-*-*-*-*-*-*-*-*-*-*-* */
body .wp-site-blocks{
	overflow: hidden;
}
.wpcf7 form .wpcf7-response-output{
	margin: 0;
}

   /* Banner scroll area */
   /* Rotate banner image continuously */
.banner-img-inner-col-third .stk-img {
    animation: rotateImage 10s linear infinite;
    transform-origin: center center;
  }
  
  /* Keyframes */
  @keyframes rotateImage {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
/* Smooth transition */
.banner-img-inner-col-third .stk-img {
    transition: transform 0.6s ease, box-shadow 0.6s ease;
  }
  
  /* Hover effect */
  /* .banner-img-inner-col-third:hover .stk-img {
    transform: scale(1.15) rotate(15deg);
    box-shadow: 0 0 25px #848CEF;
  } */
  /* .banner-img-inner-col-third .stk-img {
    transition: transform 0.3s ease;
  }
  
  .banner-img-inner-col-third:hover .stk-img {
    animation: hoverRotate 4s linear infinite;
  } */
  
  @keyframes hoverRotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .banner-img-inner-col-third .stk-img {
    transition: transform 0.5s ease;
  }
  
  .banner-img-inner-col-third:hover .stk-img {
    transform: translateY(-12px) scale(1.05);
  }
  .scroll-hero-img {
    transition: transform 0.8s ease, border-radius 0.8s ease;
  }
  
  .scroll-hero-img:hover {
    transform: translateX(-50%) scale(1.05);
    border-radius: 40px;
  }
          
.scroll-expand-wrapper {
    position: relative;
    /* height: 180vh; */
    overflow: hidden;
}

/* Image – small rounded state */
.scroll-expand-wrapper .hero-image img {
    width: 220px;
    height: 220px;
    object-fit: cover;

    position: sticky;
    top: 8vh;
    left: 50%;
    transform: translateX(-50%) scale(1);

    border-radius: 32px;
    transition: 
        width 0.5s ease,
        height 0.5s ease,
        border-radius 0.5s ease,
        transform 0.5s ease;

    will-change: width, height, transform;
}

/* Expanded full-screen state */
.scroll-expand-wrapper.is-expanded .hero-image img {
    width: 100vw;
    height: 100vh;
    top: 0;

    border-radius: 0;
    transform: translateX(-50%) scale(1);
}
.banner-inner-sub-head h2.stk-block-heading__text.has-text-color {
    text-decoration: underline;
}


/* *-*-*-*-*-*-*-*-*- Packages Section *-*-*-*-*-*-*-*-*-*-*-* */
.packages-basic span {
    overflow: visible !important;
}
.packages-inner-col .stk-block-column__content .stk-block-content {
    overflow: visible !important;
}
.packages-inner-col .stk-block-column__content {
    overflow: visible !important;
}

/* ===============================
   HOVER ONLY – INNER GROUP
================================ */

.packages-brand-inner-grp {
    position: relative;
    overflow: hidden;
}

/* Background slide (hidden by default) */
.packages-brand-inner-grp::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #EDD869;
    transform: translateY(100%);
    transition: transform 0.65s ease;
    z-index: 0;
}

/* ✅ ONLY ON HOVER */
.packages-brand-inner-grp:hover::before {
    transform: translateY(0);
}

/* Keep content above background */
.packages-brand-inner-grp * {
    position: relative;
    z-index: 2;
}

/* Text motion (subtle, no zoom) */
.packages-brand-inner-grp h2,
.packages-brand-inner-grp .stk-block-count-up__text {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.packages-brand-inner-grp:hover h2,
.packages-brand-inner-grp:hover .stk-block-count-up__text {
    /* transform: translateY(-4px); */
    opacity: 0.95;
    color:#000 !important;
}


/* ===============================
   PACKAGE CARD HOVER EFFECT
================================ */

/* Target each package column */
.packages-inner-col {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    will-change: transform;
}

/* Hover effect */
.packages-inner-col:hover {
    transform: translateY(-12px) scale(1.03);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.18);
    z-index: 5;
}

/* Smooth transition for inner blocks */
.packages-inner-col * {
    transition: all 0.3s ease;
}

/* Button hover enhancement */
.packages-inner-col:hover .stk-button {
    background-color: #000 !important;
}

.packages-inner-col:hover .stk-button__inner-text {
    color: #fff !important;
}

/* Icon list subtle lift */
.packages-inner-col:hover .packages-list {
    transform: translateY(-3px);
}

/* Mobile safety (no jump) */
@media (max-width: 768px) {
    .packages-inner-col:hover {
        transform: none;
        box-shadow: none;
    }
}

.packages-basic span{
	border-radius: 20px !important;
}
.packages-list {
    margin-bottom: -110px !important;
}
.wp-block-stackable-column.stk-block-column.stk-column.stk-block.stk-2606be6.packages-inner-col.stk-block-carousel__slide--active{
	overflow: visible !important;
}
.packages-price-right {
    margin-bottom: 5px !important;
    margin-left: 5px !important;
}
.packages-price-row {
    align-items: flex-end;
}
.packaes-btn a{
	padding: 5px 5px 5px 15px !important;
	& span {
		text-transform: uppercase;
	}
}
.packages-mid-btn .stk--inner-svg {
    background: #EDD869 !important;
    padding: 15px;
    border-radius: 50%;
	& svg{
		margin: 0px !important;
	}
}
.packaes-btn .stk--inner-svg {
    background: #848CEF;
    padding: 15px;
    border-radius: 50%;
	& svg{
		margin: 0px !important;
	}
}
.one-container.packages-brnd-grp{
	margin-top: 10rem !important;
	margin-bottom: 10rem !important;
}
.packages-brand-inner-grp {
    border: 1px solid #fff;
    padding: 90px 24px;
    border-radius: 50%;
}
.packages-basic {
	border-bottom-right-radius:13px;
	border-bottom-left-radius: 13px;
	& span{
	border-bottom-right-radius:13px;
	border-bottom-left-radius: 13px;
	}
	& img{
	border-bottom-right-radius:13px;
	border-bottom-left-radius: 13px;
	}
}
.packages-basic{
	overflow: visible !important;
}
.packages-inner-grp .stk-block-carousel__slider {
    /* overflow: visible !important; */
    padding-bottom: 100px !important;
}
.packages-inner-grp .stk-block-carousel__content-wrapper{
	overflow: visible !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-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-price {
    width: fit-content;
    margin-left: 0px !important;
}





.wp-block-stackable-button-group.stk-block-button-group.stk-block.stk-88d057b.social-icon {
    display: none !important;
}



/* *-*-*-*-*-*-*-*-*- 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 *-*-*-*-*-*-*-*-*-*-*-* */
/* =========================
   ABOUT US – GLOBAL FEEL
========================= */
.cctv_about_us_sec {
    position: relative;
    overflow: visible;
  }
  
  .cctv_about_us_sec::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at 20% 20%,
      rgba(132, 140, 239, 0.15),
      transparent 60%
    );
    opacity: 0;
    transition: opacity 0.6s ease;
    pointer-events: none;
  }
  
  .cctv_about_us_sec:hover::before {
    opacity: 1;
  }
  
  /* =========================
     LEFT IMAGE – FLOAT EFFECT
  ========================= */
  .about_left_col .stk-block-image img {
    transition: transform 0.6s ease, box-shadow 0.6s ease;
  }
  
  .about_left_col .stk-block-image:hover img {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 30px 80px rgba(132, 140, 239, 0.35);
  }
  
  /* =========================
     COUNTER BOX – SPECIAL CARD
  ========================= */
  .about-main-col {
    position: relative;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
  }
  
  .about-main-col::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,0.25),
      transparent
    );
    opacity: 0;
    transition: opacity 0.4s ease;
    border-radius: 12px;
  }
  
  .about-main-col:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);
  }
  
  .about-main-col:hover::after {
    opacity: 1;
  }
  
  /* =========================
     COUNTER NUMBER – POP
  ========================= */
  .about-counter .stk-block-count-up__text {
    transition: transform 0.3s ease, color 0.3s ease;
  }
  
  .about-main-col:hover .about-counter .stk-block-count-up__text {
    transform: scale(1.1);
    color: #fff;
  }
  
  /* =========================
     RIGHT HEADING – UNDERLINE
  ========================= */
  .about-head h2 {
    position: relative;
    display: inline-block;
  }
  
  .about-head h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 0;
    height: 3px;
    background: #848cef;
    transition: all 0.4s ease;
    transform: translateX(-50%);
  }
  
  .cctv_about_us_sec:hover .about-head h2::after {
    width: 60%;
  }
  
  /* =========================
     PARAGRAPH – SOFT RISE
  ========================= */
  .about-para {
    transition: transform 0.4s ease, opacity 0.4s ease;
  }
  
  .cctv_about_us_sec:hover .about-para {
    transform: translateY(-6px);
  }
  
  /* =========================
     BUTTON – MAGNETIC FEEL
  ========================= */
  .about_btn .stk-button {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .about_btn .stk-button:hover {
    transform: translateX(6px);
    box-shadow: 0 12px 30px rgba(132, 140, 239, 0.5);
  }
  .about-main-col {
    position: relative;
    animation: heartbeatGlow 2s ease-in-out infinite;
  }
  
  @keyframes heartbeatGlow {
    0% {
      box-shadow: 0 0 0 rgba(132, 140, 239, 0.4);
    }
    50% {
      box-shadow: 0 0 25px rgba(132, 140, 239, 0.8);
    }
    100% {
      box-shadow: 0 0 0 rgba(132, 140, 239, 0.4);
    }
  }
  
  .about_left_col span{
    overflow: visible !important;
    & img{
        overflow: visible;
        border-radius: 40px !important;
    }
  }  

.about-mid-inner p ,.about_btn a span.has-text-color.stk-button__inner-text{
    text-transform: uppercase !important;
}
.about_row{
	gap: 25px !important;
}
.cctv_about_us_sec{
	z-index: 1 !important;
}
.about_left_col .about-sub-head {
    margin-bottom: -35px !important;
    position: relative;
    z-index: 2;
}
.about-sub-head h3 {
    text-decoration: underline;
    text-underline-offset: 25px;
    letter-spacing: 15px !important;
}
.about-main-row {
    width: 100%;
    justify-content: flex-start;
    margin-top: 25px !important;
}
.about-stack-row {
    gap: 60px;
}
.about-stack-row  p.stk-block-text__text.has-text-color{
	letter-spacing: 5px;
}
.banner-main-col {
    transform: rotate(-40deg);
    z-index: 1;
    margin-top: 65px !important;
    width: fit-content;
    margin-left: 70px;
}
.process-main-col {
    transform: rotate(-35deg);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 30%;
}
.about-main-col {
    transform: rotate(-40deg);
    z-index: 1;
    margin-top: -70px !important;
    position: absolute;
    bottom: 20%;
    right: -25px;
}
.about_btn span.stk--svg-wrapper {
    background: #ffff;
    padding: 15px;
    border-radius: 50%;
}
.about_left_col {
    position: relative;
    z-index: 1;
}

/* Yellow circle behind image */
.about_left_col::before {
    content: "";
    position: absolute;
    right: -50px;
    width: 320px;
    height: 320px;
    background: #edd869;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.6;
    z-index: -1;
}

.cctv_about_us_sec {
    position: relative !important;
}

/* Right-side yellow glow */
.cctv_about_us_sec::after {
    content: "";
    position: absolute;
    top: 200px;
    right: -200px;
    width: 350px;
    height: 350px;
    background: #edd869;
    border-radius: 50%;
    filter: blur(140px);
    opacity: 0.5;
    z-index: -1;
}
.services-section-posttype .gutentor-post-item {
    margin: 0px !important;
}
.banner-section {
    width: 100%;
    z-index: 1;
    padding: 22rem 0px 65rem 0px !important;
    background: linear-gradient(180deg, #000000 4.05%, #848CEF 23.95%, #EDD869 40.66%, #000000 100%);
}


.list-indicator-image .gutentor-image-thumb {
    width: auto !important;
    height: auto !important;
}





.gutentor-slick-arrows i {
	color: #92C7C7 !important;
}



/* *-*-*-*-*-*-*-*- Services Section -*-*-*-*-*-*-*-*- */
.services-section-sub-head h2.stk-block-heading__text.has-text-color {
    padding-bottom: 15px;
    text-decoration: underline;
}
.psychotherapy-topbar-header-sec.sticky .design-topbar{
    display: none !important;
}
.services-section-head {
    margin-bottom: 15px;
}
.services-section-posttype .gutentor-post-image-box {
    display: none;
}
.services-section-posttype .gutentor-post-content {
    display: flex;
    justify-content: space-between;
    width: 100% !important;
    /* padding: 0px 5rem !important; */
}
.services-section-main-col {
    gap: 7rem;
}
.services-section-posttype .grid-row .gutentor-post {
    border-bottom: 1px solid #fff;
    padding: 20px 0px;
    padding-left: 65px;
	position: relative;
}
.services-section-inner-col-first {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 6rem;
    position: relative !important;
}
.services-section-inner-col-first .about-main-col {
    width: fit-content;
    /* margin-right: -36px !important; */
}
/* Change counter background on post hover */
.services-section-posttype .grid-row .gutentor-post .gutentor-post-image-box img {
    width: 100%;
    height: 120px;
    /* object-fit: contain; */
    object-position: center center;
}


.services-section-posttype .grid-row .gutentor-post:hover .gutentor-post-image-box {
    display: block !important;
    position: absolute !important;
    height: 100%;
    max-width: 257px;
    width: 257px;
    overflow: hidden;   
    border-radius: 76px;
    top: 0;
    left: 40%;
}

.services-section-posttype .gutentor-post-image-box {
    transition: all 0.4s ease;
}

.services-section-posttype .gutentor-post {
    position: relative !important;
}

.services-section-posttype .grid-row .gutentor-post:hover::before {
    background: #EDD869 !important;
    color: #000;
}

/* Change button background on post hover */
.services-section-posttype .grid-row .gutentor-post:hover .gutentor-post-button {
    background: #848CEF !important;
	color: #FFFFFF !important;
}

/* Change icon style when button is hovered */
.services-section-posttype .grid-row .gutentor-post:hover 
.gutentor-post-button:hover i {
    background: #FFFFFF !important;
    color: #848CEF !important;
}
.services-section-posttype .gutentor-post:hover .gutentor-post-button i {
    background: #FFFFFF !important;
    color: #848CEF !important;
}

.services-section-posttype .grid-row .gutentor-post .gutentor-categories a {
    color: #FFFFFF;
    font-family: 'Mulish';
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 5px;
    padding-left: 0px;
}
.services-section-posttype .grid-row .gutentor-post .gutentor-post-title a{
	color: #FFFFFF;
	font-family: 'Oswald';
	font-weight: 500;
	font-size: 30px;
	margin-bottom: 5px ;
}
.services-section-posttype .grid-row .gutentor-post .gutentor-post-button {
    background: #FFFFFF;
    padding: 7px 15px;
    color: #000000;
    text-transform: uppercase;
    font-family: 'Oswald';
    font-weight: 500;
    font-size: 15px;
    border-radius: 25px;
    letter-spacing: 2px;
    padding-right: 7px;
}
.services-section-posttype .grid-row .gutentor-post .gutentor-post-button i {
    background: #000000;
    color: #fff;
    padding: 12px 20px;
    /* margin-left: 0px; */
    text-align: center !important;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 20px;
}
/* Initialize counter */
.services-section-posttype {
    counter-reset: service-counter;
}

/* Increment counter for each post */
.services-section-posttype .gutentor-post {
    counter-increment: service-counter;
    position: relative;
}

/* Display counter number */
.services-section-posttype .gutentor-post::before {
    content: counter(service-counter, decimal-leading-zero);
    position: absolute;
    top: 30%;
    left: 0px;
    color: #FFFFFF;
	text-transform: uppercase;
    font-family: 'Oswald';
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #fff;
    padding: 12px 15px;
    border-radius: 50%;
}




/* *-*-*-*-*-*-*-*- 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 */
}

/* *-*-*-*-*-*-*-*- Process Section -*-*-*-*-*-*-*-*- */
.recuir-post-type .gutentor-post-item {
    text-align: left;
    height: fit-content;
}
.recuir-post-type .gutentor-button-wrap{
	display: none !important;
}
.recuir-post-type .gutentor-post-title a {
    color: #FFFFFF;
    font-family: 'Oswald';
    font-size: 20px;
    font-weight: 500;
}
.recuir-post-type .gutentor-post-desc {
    color: #FFFFFF;
    font-size: 15px;
    font-family: 'Mulish';
    font-weight: 400;
    line-height: 28px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}
.recuir-post-type .gutentor-post-item {
    border: 1px solid #FFFFFF;
    padding: 20px;
    border-radius: 20px;
}
/* Reset counter for each carousel */
.recuir-slider {
    counter-reset: post-counter;
}

/* Increment counter per post */
.recuir-slider .gutentor-post {
    counter-increment: post-counter;
    position: relative;
}

/* Show count number */
.recuir-slider .gutentor-post::before {
    content: counter(post-counter, decimal-leading-zero);
    position: absolute;
    bottom: 42%;
    right: 35px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    background: #EDD869;
    padding: 10px 15px;
    border-radius: 50%;
    z-index: 99;
}
/* Card base */
.recuir-slider .gutentor-post-item {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Wave overlay */
.recuir-slider .gutentor-post-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #ffffff;
    border-radius: 50% 50% 0 0;
    transition: all 0.6s ease;
    z-index: 2;
}

/* Hover effect */
.recuir-slider .gutentor-post-item:hover::after {
    bottom: -20%;
}

/* Keep content above wave */
.recuir-slider .gutentor-post-item > * {
    position: relative;
    z-index: 3;
}

/* Optional: text color change on hover */
.recuir-slider .gutentor-post-item:hover .gutentor-post-title a,
.recuir-slider .gutentor-post-item:hover .gutentor-post-desc {
    color: #000;
    transition: color 0.4s ease;
}
.recuir-slider .gutentor-post-item:hover img {
    transform: scale(1.05);
    transition: transform 0.6s ease;
}
.recuir-slider .gutentor-post-image-box {
    overflow: visible !important;
}
.cctv_project_sec {
    position: relative;
    overflow: visible;
    z-index: 0;
}

/* Yellow patch */
.cctv_project_sec::before {
    content: "";
    position: absolute;
    top: -100px;
    left: -200px;
    width: 350px;
    height: 350px;
    background: #edd869;
    border-radius: 50%;
    filter: blur(140px);
    opacity: 0.7;
    z-index: 10;
}

/* Keep content above patch */
.cctv_project_sec > * {
    position: relative;
    z-index: 2;
}





/* *-*-*-*-*-*-*-*- Why Choose Us Section -*-*-*-*-*-*-*-*- */
.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 */
	}
}



.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-right-img {
	position: relative;
}

.tools-right-img img {
	animation: toolsFloat 5s ease-in-out infinite;
	transition: transform 0.4s ease;
	will-change: transform;
}

/* Hover = stronger interaction */
.tools-right-img:hover img {
	transform: scale(1.06) rotate(1deg);
	animation-play-state: paused;
	animation: zoomPulse 6s ease-in-out infinite;
}

/* Keyframes */
@keyframes toolsFloat {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes toolsFloat {
	0% { transform: translateX(0); }
	50% { transform: translateX(10px); }
	100% { transform: translateX(0); }
}
.tools-right-img:hover img {
	box-shadow: 0 20px 40px rgba(27, 75, 157, 0.35);
}
@keyframes zoomPulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.03); }
}

.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;
    overflow: visible;
    object-fit: contain;
	}
}
/* *-*-*-*-*-*-*-*- Tools Section  End-*-*-*-*-*-*-*-*- */
/* *-*-*-*-*-*-*-*- Project Section  -*-*-*-*-*-*-*-*- */
.workforce-section{
    position: relative;
}
/* .workforce-section::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: -200px;
    width: 350px;
    height: 200px;
    background: #edd869;
    border-radius: 50%;
    filter: blur(140px);
    opacity: 0.5;
    z-index: 1;
} */
.workforce-sub-head h2.stk-block-heading__text.has-text-color.has-text-align-center {
    text-decoration: underline;
    text-transform: uppercase;
}
/* BASE SLIDE */
.case-study-swiper .swiper-slide {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    transition: transform 0.4s ease;
  }
  
  /* IMAGE */
  .case-study-swiper .slide-bg img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.6s ease;
  }
  
  /* OVERLAY */
  .case-study-swiper .slide-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to top,
      rgba(0,0,0,0.75),
      rgba(0,0,0,0.25),
      rgba(0,0,0,0)
    );
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
  }
  
  /* CONTENT – HIDDEN BY DEFAULT */
  .case-study-swiper .slide-content {
    position: absolute;
    inset: 0;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
    color: #fff;
  
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
  }
  
  /* ✅ ACTIVE SLIDE → CONTENT ALWAYS VISIBLE */
  .case-study-swiper .swiper-slide-active .slide-content {
    opacity: 1;
    transform: translateY(0);
  }
  
  /* BUTTON */
  .case-study-swiper .btn {
    display: inline-block;
    padding: 10px 22px;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
  }
  
 .case-study-swiper .btn:hover {
  background: #fff;
  color: #000;
}

.case-study-swiper .btn:hover::after {
  background: #fff;
  color: #000;
}

  
  /* HOVER EFFECT (IMAGE ONLY) */
  .case-study-swiper .swiper-slide:hover img {
    transform: scale(1.08);
  }
  
  .case-study-swiper .swiper-slide:hover .slide-bg::after {
    opacity: 1;
  }
  
  /* ACTIVE SLIDE EMPHASIS */
  .case-study-swiper .swiper-slide-active {
    transform: scale(1.05);
  }
  
.slide-logo {
    background: #848CEF;
    padding: 10px 20px;
    color: #fff;
    font-family: Mulish;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}
.slide-brand {
    background: #EDD869;
    padding: 10px 20px;
    color: #000;
    font-family: Mulish;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}
.bottom-cnt {
    background: #fff;
    padding: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.top-cnt {
    display: flex;
    gap: 10px;
    padding: 10px;
    padding-left: 0px;
}
.bot-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Wrapper spacing */
.case-study-swiper {
    padding: 40px 0;
  }
  .slide-content p{
    display: none;
  }
  .case-study-swiper .swiper-slide-active .slide-content {
    display: flex !important;
    padding-bottom: 0px;
    }
  .case-study-swiper .swiper-slide .slide-content{
    display: none;
  }
  .bot-inner p {
    display: block;
    padding: 0px;
    margin: 0px;
    }
    .case-study-swiper .btn br{
        display: none;
    }
  
  /* ===============================
     BASE SLIDE (DEFAULT STATE)
  ================================ */
  .case-study-swiper .swiper-slide {
    width: 290px !important;
    height: 631px;
    border-radius: 22px;
    overflow: hidden;
    background: linear-gradient(135deg, #1c1c1c, #0f0f0f);
    opacity: 1;
    transform: scale(0.92);
    transition: all 0.45s ease;
    
  }
  
  /* ===============================
     ACTIVE (CENTER) SLIDE
  ================================ */
  .case-study-swiper .swiper-slide-active {
    width: 866px !important;
    height: 631px;
    opacity: 1;
    transform: scale(1);
    z-index: 3;
}
  
  .case-study-swiper .slide-content {
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: left;
    box-sizing: border-box;
  }
  
  
  .case-study-swiper .tag br {
    display: none;
  }
  .case-study-swiper .tag {
    font-size: 14px;
    color: #000000;
    font-family: 'Mulish';
    line-height: 28px;
    font-weight: 400;
    text-decoration: none;
}
  .case-study-swiper .slide-title {
    font-size: 30px;
    font-weight: 500;
    color: #000000;
    font-family: 'Oswald';
    }
  
  .case-study-swiper .slide-sub {
    font-size: 14px;
    opacity: 0.85;
    margin-top: 5px;
    color: #fff;
  }

  .case-study-swiper .btn {
    align-items: center;
    gap: 10px;
    background: #848CEF;
    color: #FFFFFF;
    padding: 15px 50px;
    padding-left: 15px;
    border-radius: 30px;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Oswald';
    font-weight: 500;
    letter-spacing: 5px;
    position: relative;
}
.case-study-swiper .btn::after {
    background: #FFFFFF;
    color: #848CEF;
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    padding: 10px;
    font-size: 16px;
    border-radius: 50%;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}




.case-study-swiper .btn:hover {
    background: #000;
    color: #fff;
}

  .case-study-swiper .swiper-button-prev,
  .case-study-swiper .swiper-button-next {
    display: none;
    width: 46px;
    height: 46px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    color: #fff;
    backdrop-filter: blur(6px);
    transition: all 0.3s ease;
  }

  /* ===============================
     RESPONSIVE
  ================================ */
  /* @media (max-width: 767px) {
    .case-study-swiper .swiper-slide {
      width: 100% !important;
    }
  } */
  

  .case-study-swiper .swiper-slide {
    position: relative;
  }
  
  /* Image wrapper */
  .case-study-swiper .slide-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  
  /* Image */
  .case-study-swiper .slide-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .case-study-swiper .slide-content {
    position: relative;
    z-index: 2;
  }



/* *-*-*-*-*-*-*-*- Project 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;
}
/* *-*-*-*-*-*-*-*- Gallery Section -*-*-*-*-*-*-*-*- */
.solution-main-cover{
    z-index: 0;
}
/* @keyframes floatSoft {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-8px); }
    100% { transform: translateY(0); }
  }
  
  .design-grid figure {
    animation: floatSoft 6s ease-in-out infinite;
  }
  .design-grid .wp-block-stackable-image:nth-child(odd) figure {
    animation-delay: unset;
  }
  @keyframes breatheZoom {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.04); }
    100% { transform: scale(1); }
  }
  
  .design-grid figure img {
    animation: breatheZoom 8s ease-in-out infinite;
  }
  .design-grid figure {
    animation: floatSoft 6s ease-in-out infinite;
  }
  
  .design-grid figure img {
    animation: breatheZoom 8s ease-in-out infinite;
  }
  .design-grid figure,
  .design-grid figure img {
    will-change: transform;
  } */
          
.project-main-head h2.stk-block-heading__text.has-text-color.has-text-align-center {
    text-decoration: underline;
}
.design-grid {
    display: grid !important;
    /* grid-template-columns: repeat(16, 1fr); */
    grid-template-rows: repeat(8, 60px);
    margin: 0;
    gap: 15px !important;
    padding: 20px 0px;
    position: relative !important;
}
.design-grid::before {
    content: "";
    position: absolute;
    left: 10%;
    top: 0;
    width: 320px;
    height: 520px;
    background: #edd869;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.6;
    z-index: 0;
}

.design-grid figure {
    width: fit-content !important;
    height: fit-content !important;
    transition: transform 0.5s ease;
    cursor: pointer;
    position: relative;
    border-radius: 15px;
}

.design-grid figure img {
    object-fit: contain !important;
    border-radius: 15px;
    object-position: center;
    width: fit-content !important;
    height: fit-content !important;
}

.design-grid .stk-img-wrapper {
  display: inline !important;
}

.design-grid .wp-block-stackable-image.stk-block-image.stk-block {
  display: contents;
}

.design-grid .wp-block-stackable-image:nth-child(1) figure {
    grid-column: 1/4;
    grid-row: 1/4;
    transform: translate(60px, 15px);
}
.design-grid .wp-block-stackable-image:nth-child(2) figure {
  grid-column: 1/4;
  grid-row: 4/9;
}
.design-grid .wp-block-stackable-image:nth-child(3) figure {
  grid-column: 4/7;
  grid-row: 2/6;
}
.design-grid .wp-block-stackable-image:nth-child(4) figure {
  grid-column: 4/9;
  grid-row: 6/9;
}
.design-grid .wp-block-stackable-image:nth-child(5) figure {
    grid-column: 7/9;
    grid-row: 2/4;
}
.design-grid .wp-block-stackable-image:nth-child(6) figure {
  grid-column: 7/9;
  grid-row: 4/6;
}
.design-grid .wp-block-stackable-image:nth-child(7) figure {
  grid-column: 9/11;
  grid-row: 1/3;
}
.design-grid .wp-block-stackable-image:nth-child(8) figure {
  grid-column: 9/13;
  grid-row: 3/9;
}
.design-grid .wp-block-stackable-image:nth-child(9) figure {
  grid-column: 11/13;
  grid-row: 1/3;
}
.design-grid .wp-block-stackable-image:nth-child(10) figure {
    grid-column: 13/17;
    grid-row: 1/6;
}
.design-grid .wp-block-stackable-image:nth-child(11) figure {
    grid-column: 13/17;
    grid-row: 5/9;
}

.design-grid .wp-block-stackable-image figure {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}

.design-grid .wp-block-stackable-image figure::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  opacity: 0.5;
  background: #A5ABF4;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.6s ease-in-out, width 0.6s ease-in-out,
    height 0.6s ease-in-out;
  z-index: 1;
  pointer-events: none;
}

.design-grid .wp-block-stackable-image figure::after {
content: "\f5fc"; /* fa-laptop-code */
font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.6);
  font-size: 50px;
  color: #fff;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
}

.design-grid .wp-block-stackable-image figure:hover::before {
  width: 200%;
  height: 200%;
  transform: translate(-50%, -50%) scale(1);
}

.design-grid .wp-block-stackable-image figure:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* *-*-*-*-*-*-*-*- Testimonial Section -*-*-*-*-*-*-*-*- */

/* ===============================
   INNER COLUMN BASE
================================ */

.testi-brand-inner-grp {
    position: relative;
    overflow: hidden;
}

/* Background slide layer (LEFT → RIGHT) */
.testi-brand-inner-grp::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #A5ABF4;
    transform: translateX(-100%);
    transition: transform 0.8s ease;
    z-index: 0;
}

/* ✅ HOVER ONLY */
.testi-brand-inner-col:hover .testi-brand-inner-grp::before {
    transform: translateX(0);
}

/* ===============================
   CONTENT ABOVE BACKGROUND
================================ */

.testi-brand-inner-grp * {
    position: relative;
    z-index: 2;
}

/* ===============================
   IMAGE ANIMATION (NO ZOOM)
================================ */

.testi-brand-inner-img img {
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.testi-brand-inner-col:hover .testi-brand-inner-img img {
    opacity: 0.85;
    /* transform: translateY(-6px); */
}



/* Card hover */
.testi-slider-inner-col:hover {
    background-color: #848CEF !important;
    border-color: #848CEF !important;
}

/* Disable Stackable before overlay */
.testi-slider-inner-col::before,
.testi-slider-inner-col:hover::before {
    background-color: transparent !important;
}

/* ===============================
   TEXT COLOR
================================ */

/* All text inside card */
.testi-slider-inner-col:hover p.stk-block-text__text.has-text-color.has-background-color.has-text-align-left {
    color: #ffffff !important;
}

/* Designation (slightly softer) */
.testi-slider-inner-col:hover .testi-sub-head .stk-block-heading__text {
    color: #f3f4ff !important;
}
.testi-slider-inner-col:hover h4.stk-block-heading__text.has-text-color.has-background-color.has-text-align-center-mobile {
    color: #f3f4ff !important;
}

/* ===============================
   IMAGE (NO ZOOM)
================================ */
.testi-slider-inner-col:hover img {
    opacity: 0.9;
}
.testi-slider-inner-col:hover[class] {
    background-color: #B7BCF7 !important;
}

.cctv_testimonial_sec{
	position: relative !important;
	overflow: hidden;
	z-index: 0;
}
.cctv_testimonial_sec::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -200px;
    width: 250px;
    height: 350px;
    background: #edd869;
    border-radius: 50%;
    filter: blur(70px);
    opacity: 0.5;
    z-index: 10;
}

.testi-slider-inner-col:hover::before {
    transform: translateY(0);

}


.testi-brand-inner-grp {
    perspective: 1000px; /* 3D perspective */
    cursor: pointer;
}

.testi-brand-inner-grp .stk-img-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 1.2s ease-in-out; /* slower and smooth */
    transform-style: preserve-3d;
}

.testi-brand-inner-grp:hover .stk-img-wrapper {
    transform: rotateY(360deg);
}

.testi-brand-inner-grp .stk-img-wrapper img,
.testi-brand-inner-grp .stk-img-wrapper::after {
    backface-visibility: hidden;
    display: block;
}

.testi-brand-inner-grp .stk-img-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #ffcc00; /* Brand color or any color */
    transform: rotateY(180deg);
    z-index: 1;
}

.testimonial_slider .stk-block-carousel__buttons {
    transform: translate(-40px, -35px);
}
.wp-block-stackable-column.testi-slider-inner-col{
	padding:40px !important;
}
.testi-slider-inner-col {
	position: relative;
}

.testi-slider-inner-col .stk-column-wrapper {
	position: relative !important;
	overflow: visible !important;
}

.testi-slider-inner-col .stk-column-wrapper::after {
	content: "";
	position: absolute;
	bottom: -35px;
	right: 0px;
	content: url("assets/images/testimonial/testi-quote.svg");
	z-index: 5;
}

.testi-sub-head h2.stk-block-heading__text ,.testi-left-sub-head h2.stk-block-heading__text{
	text-decoration: underline;
}
.testi-left-sub-head h2.stk-block-heading__text{
    text-transform: uppercase;
}
.testi-main-col {
    justify-content: space-between !important;
    align-items: center !important;
}
.testi-brand-inner-grp{
	border: 1px solid;
    border-radius: 50%;
    padding: 100px 40px;
}
.testi-brand-main-col{
	gap: 2rem !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.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';
    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';
	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 -*-*-*-*-*-*-*-*- */
.blog-slider-inner-post .gutentor-entry-meta .author a,
.blog-slider-inner-post .gutentor-entry-meta .posted-on a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit;
}

.gutentor-post-module .gutentor-post .gutentor-entry-meta div:not(:last-child):before{
    display: none !important;   
}
.blog-slider-inner-post article .gutentor-post-item .gutentor-entry-meta-secondary .author .fa-user:before , .blog-slider-inner-post article .gutentor-post-item .gutentor-entry-meta-secondary .fa-comment:before ,.blog-slider-inner-post article .gutentor-post-item .gutentor-entry-meta-secondary .fa-calendar-alt:before{
	color: #EDD869 !important;
	font-weight: bold;
}
.blog-main-cover{
	position: relative !important;
}
.blog-main-cover::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -200px;
    width: 250px;
    height: 350px;
    background: #edd869;
    border-radius: 50%;
    filter: blur(70px);
    opacity: 0.5;
    z-index: 10;
}
.blog-slider-inner-post article .gutentor-post-item{
	display: flex;
	flex-direction: column;
}
.blog-slider-inner-post article .gutentor-post-item .gutentor-entry-meta-secondary {
    order: 1;
    display: flex;
    justify-content: space-around;
}

.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-radius: 5px !important;
    padding: 10px !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 
.gutentor-button i::before {
    background: #FFFFFF !important;
    padding: 12px 10px;
    color: #848CEF;
}

.blog-slider-inner-post .gutentor-post-item:hover 
a.gutentor-button.gutentor-post-button {
    color: #FFFFFF !important;
    background: #848CEF !important;
}

.blog-slider-inner-post .gutentor-post-image-box {
    height: 229px !important;
    order: 2;
}
.blog-slider-inner-post article .gutentor-post-item .gutentor-post-title-data-wrap{
	order: 3;
}
.blog-slider-inner-post .gutentor-post-image-box img {
    object-fit: cover;
    height: 229px;
	border-radius: 20px;
}
.blog-slider-inner-post article {
    padding: 0px;
}
.blog-slider-inner-post article .gutentor-post-item {
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #fff;
    margin: 10px;
}
.blog-slider-inner-post article .gutentor-post-item .gutentor-post-title-data-wrap a{
	color: #FFFFFF;
	font-size: 20px;
	font-family: 'Oswald';
	font-weight: 400;
	line-height: 130%;
}
.blog-slider-inner-post article .gutentor-post-item .gutentor-post-desc{
	color: #FFFFFF;
	font-size: 14px;
	font-family: 'Mulish';
	font-weight: 400;
	line-height: 23px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	order: 4;
}
.blog-slider-inner-post article .gutentor-post-item .gutentor-button {
    width: fit-content;
    background: #FFFFFF !important;
    color: #000000 !important;
    font-size: 15px;
    font-family: 'Oswald';
    font-weight: 500;
    position: relative;
    order: 5;
    justify-content: flex-end;
    text-transform: uppercase;
    padding: 15px;
    border-radius: 25px;
    letter-spacing: 4px;
}
.blog-slider-inner-post article .gutentor-post-item .gutentor-button i{
	margin-right: 10px;
}
.blog-slider-inner-post article .gutentor-post-item .gutentor-button i::before{
	background: #000000 !important;
	padding: 12px 10px;
	color: #FFFFFF;
	border-radius: 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) {
	.banner-head-first-col.animate__backInLeft{
		animation: backInLeft; 
		animation-duration: 3s; 
		--animate-delay: 0s;
	}
	.banner-head-sec-col.animate__backInRight{
		animation: backInRight; 
		animation-duration: 3s; 
		--animate-delay: 0s;
	}
	.services-section-inner-col-sec.animate__fadeInRight{
		animation: fadeInLeft; 
		animation-duration: 3s; 
		--animate-delay: 0s;
	}
	.services-section-inner-col-first.animate__fadeInLeft{
		animation: fadeInLeft; 
		animation-duration: 3s; 
		--animate-delay: 0s;
	}
	.packages-brnd-grp.animate__zoomInDown{
		animation: zoomInDown; 
		animation-duration: 3s; 
		--animate-delay: 0s;
	}
	.packages-main-grp.animate__zoomInDown{
		animation: zoomInDown; 
		animation-duration: 3s; 
		--animate-delay: 0s;
	}
	.testi-inner-sec-col.animate__slideInRight{
		animation: slideInRight; 
		animation-duration: 3s; 
		--animate-delay: 0s;
	}
	.testi-inner-first-col.animate__slideInLeft{
		animation: slideInLeft; 
		animation-duration: 3s; 
		--animate-delay: 0s;
	}
	.testi-head.animate__slideInRight{
		animation: slideInRight; 
		animation-duration: 3s; 
		--animate-delay: 0s;
	}
	.testi-sub-head.animate__slideInLeft{
		animation: slideInLeft; 
		animation-duration: 3s; 
		--animate-delay: 0s;
	}
	.testi-brand-main-col.animate__zoomInDown{
		animation: zoomInDown; 
		animation-duration: 3s; 
		--animate-delay: 0s;
	}
	.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;
        background: #848CEF;
	}

	.psychotherapy-header-sec nav ul li.has-child ul li:hover a {
		padding-left: 30px;
		background-color: #EDD869;
	}

	.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: 1320px !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;
}



body {
    margin: 0;
    font-family: Arial, sans-serif;
    height: 200vh; /* make page scrollable */
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #333;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    font-size: 20px;
	margin-top: 3rem !important;
}

.image-container {
    margin-top: 60px; /* below header */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all 0.5s ease;
    width: 100%;
    height: 300px; /* initial small height */
    position: relative;
}

.image-container img {
    width: auto;
    height: 100%;
    transition: all 0.5s ease;
    object-fit: cover;
    display: block;
}

.content {
    padding: 20px;
    max-width: 800px;
    margin: auto;
}

  .sticky .wp-block-search__button-only{
    display: none !important;
  }



/* New scroll css  */

  .scroll-hero {
    position: absolute;
    width: 100%;
    height: 600px;
    overflow: visible;
    top: -60px;
}
  
  .scroll-hero-img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: auto;
    max-width: 100% !important; /* optional if you want cap */
    transform: translateX(-50%) scale(0.2);
    transform-origin: top center;
  }