.elementor-5046 .elementor-element.elementor-element-7a99286 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-5046 .elementor-element.elementor-element-7a99286:not(.elementor-motion-effects-element-type-background), .elementor-5046 .elementor-element.elementor-element-7a99286 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5046 .elementor-element.elementor-element-7a99286 > .elementor-container{min-height:90px;}.elementor-5046 .elementor-element.elementor-element-7a99286{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-90px;z-index:10;}.elementor-5046 .elementor-element.elementor-element-7a99286 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-72e83d5{text-align:center;}.elementor-5046 .elementor-element.elementor-element-72e83d5 img{width:60%;}.elementor-5046 .elementor-element.elementor-element-f0ff889 .menu-item a.hfe-menu-item{padding-left:21px;padding-right:21px;}.elementor-5046 .elementor-element.elementor-element-f0ff889 .menu-item a.hfe-sub-menu-item{padding-left:calc( 21px + 20px );padding-right:21px;}.elementor-5046 .elementor-element.elementor-element-f0ff889 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 21px + 40px );padding-right:21px;}.elementor-5046 .elementor-element.elementor-element-f0ff889 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 21px + 60px );padding-right:21px;}.elementor-5046 .elementor-element.elementor-element-f0ff889 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 21px + 80px );padding-right:21px;}.elementor-5046 .elementor-element.elementor-element-f0ff889 .menu-item a.hfe-menu-item, .elementor-5046 .elementor-element.elementor-element-f0ff889 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}body:not(.rtl) .elementor-5046 .elementor-element.elementor-element-f0ff889 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:3px;}body.rtl .elementor-5046 .elementor-element.elementor-element-f0ff889 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-left:3px;}.elementor-5046 .elementor-element.elementor-element-f0ff889 nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:3px;}.elementor-5046 .elementor-element.elementor-element-f0ff889 ul.sub-menu{width:220px;}.elementor-5046 .elementor-element.elementor-element-f0ff889 .sub-menu a.hfe-sub-menu-item,
						 .elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown li a.hfe-menu-item,
						 .elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown li a.hfe-sub-menu-item,
						 .elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown-expandible li a.hfe-menu-item,
						 .elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-5046 .elementor-element.elementor-element-f0ff889 .hfe-nav-menu__toggle{margin:0 auto;}.elementor-5046 .elementor-element.elementor-element-f0ff889 a.hfe-menu-item, .elementor-5046 .elementor-element.elementor-element-f0ff889 a.hfe-sub-menu-item{font-family:"Alumni Sans", Sans-serif;font-size:24px;font-weight:600;}.elementor-5046 .elementor-element.elementor-element-f0ff889 .menu-item a.hfe-menu-item, .elementor-5046 .elementor-element.elementor-element-f0ff889 .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-f0ff889 .menu-item a.hfe-menu-item:hover,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 .sub-menu a.hfe-sub-menu-item:hover,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 .menu-item.current-menu-item a.hfe-menu-item,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 .menu-item a.hfe-menu-item.highlighted,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 .menu-item a.hfe-menu-item:focus{color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-f0ff889 .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-f0ff889 .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-f0ff889 .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-f0ff889 .sub-menu a.hfe-sub-menu-item,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 .elementor-menu-toggle,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown li a.hfe-menu-item,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown li a.hfe-sub-menu-item,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown-expandible li a.hfe-menu-item,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-f0ff889 .sub-menu,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown-expandible,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown .menu-item a.hfe-menu-item,
								.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:var( --e-global-color-primary );}
							.elementor-5046 .elementor-element.elementor-element-f0ff889 .sub-menu li a.hfe-sub-menu-item,
							.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown li a.hfe-sub-menu-item,
							.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown li a.hfe-menu-item,
							.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown-expandible li a.hfe-menu-item,
							.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:"Arial", Sans-serif;font-weight:500;}.elementor-5046 .elementor-element.elementor-element-f0ff889 .sub-menu li.menu-item:not(:last-child),
						.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown li.menu-item:not(:last-child),
						.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-5046 .elementor-element.elementor-element-f0ff889 div.hfe-nav-menu-icon{color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-f0ff889 div.hfe-nav-menu-icon svg{fill:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-4c68c55 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-5046 .elementor-element.elementor-element-4c68c55 > .elementor-container{min-height:90px;}.elementor-5046 .elementor-element.elementor-element-4c68c55{margin-top:0px;margin-bottom:-90px;z-index:10;}.elementor-5046 .elementor-element.elementor-element-6ba0eaa{text-align:center;}.elementor-5046 .elementor-element.elementor-element-6ba0eaa img{width:60%;}.elementor-5046 .elementor-element.elementor-element-819bdb0 .hfe-nav-menu__toggle,
						.elementor-5046 .elementor-element.elementor-element-819bdb0 .hfe-nav-menu-icon{margin:0 auto;justify-content:center;}.elementor-5046 .elementor-element.elementor-element-819bdb0 li.menu-item a{justify-content:space-between;}.elementor-5046 .elementor-element.elementor-element-819bdb0 li.hfe-button-wrapper{text-align:space-between;}.elementor-5046 .elementor-element.elementor-element-819bdb0.hfe-menu-item-flex-end li.hfe-button-wrapper{text-align:right;}.elementor-5046 .elementor-element.elementor-element-819bdb0 .hfe-flyout-wrapper .hfe-side{width:300px;}.elementor-5046 .elementor-element.elementor-element-819bdb0 .hfe-flyout-open.left{left:-300px;}.elementor-5046 .elementor-element.elementor-element-819bdb0 .hfe-flyout-open.right{right:-300px;}.elementor-5046 .elementor-element.elementor-element-819bdb0 .hfe-flyout-content{padding:30px;background-color:var( --e-global-color-primary );}.elementor-5046 .elementor-element.elementor-element-819bdb0 .menu-item a.hfe-menu-item{padding-left:21px;padding-right:21px;}.elementor-5046 .elementor-element.elementor-element-819bdb0 .menu-item a.hfe-sub-menu-item{padding-left:calc( 21px + 20px );padding-right:21px;}.elementor-5046 .elementor-element.elementor-element-819bdb0 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 21px + 40px );padding-right:21px;}.elementor-5046 .elementor-element.elementor-element-819bdb0 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 21px + 60px );padding-right:21px;}.elementor-5046 .elementor-element.elementor-element-819bdb0 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 21px + 80px );padding-right:21px;}.elementor-5046 .elementor-element.elementor-element-819bdb0 .menu-item a.hfe-menu-item, .elementor-5046 .elementor-element.elementor-element-819bdb0 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-5046 .elementor-element.elementor-element-819bdb0 .sub-menu a.hfe-sub-menu-item,
						 .elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown li a.hfe-menu-item,
						 .elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown li a.hfe-sub-menu-item,
						 .elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown-expandible li a.hfe-menu-item,
						 .elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-5046 .elementor-element.elementor-element-819bdb0 a.hfe-menu-item, .elementor-5046 .elementor-element.elementor-element-819bdb0 a.hfe-sub-menu-item{font-family:"Alumni Sans", Sans-serif;font-size:24px;font-weight:500;}.elementor-5046 .elementor-element.elementor-element-819bdb0 .menu-item a.hfe-menu-item, .elementor-5046 .elementor-element.elementor-element-819bdb0 .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-819bdb0 .menu-item a.hfe-menu-item:hover,
								.elementor-5046 .elementor-element.elementor-element-819bdb0 .sub-menu a.hfe-sub-menu-item:hover,
								.elementor-5046 .elementor-element.elementor-element-819bdb0 .menu-item.current-menu-item a.hfe-menu-item,
								.elementor-5046 .elementor-element.elementor-element-819bdb0 .menu-item a.hfe-menu-item.highlighted,
								.elementor-5046 .elementor-element.elementor-element-819bdb0 .menu-item a.hfe-menu-item:focus{color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-819bdb0 .sub-menu a.hfe-sub-menu-item,
								.elementor-5046 .elementor-element.elementor-element-819bdb0 .elementor-menu-toggle,
								.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown li a.hfe-menu-item,
								.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown li a.hfe-sub-menu-item,
								.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown-expandible li a.hfe-menu-item,
								.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-819bdb0 .sub-menu,
								.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown,
								.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown-expandible,
								.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown .menu-item a.hfe-menu-item,
								.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:var( --e-global-color-primary );}
							.elementor-5046 .elementor-element.elementor-element-819bdb0 .sub-menu li a.hfe-sub-menu-item,
							.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown li a.hfe-sub-menu-item,
							.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown li a.hfe-menu-item,
							.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown-expandible li a.hfe-menu-item,
							.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:"Arial", Sans-serif;font-weight:500;}.elementor-5046 .elementor-element.elementor-element-819bdb0 .sub-menu li.menu-item:not(:last-child),
						.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown li.menu-item:not(:last-child),
						.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-5046 .elementor-element.elementor-element-819bdb0 div.hfe-nav-menu-icon{color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-819bdb0 div.hfe-nav-menu-icon svg{fill:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-819bdb0 .hfe-flyout-close{color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-819bdb0 .hfe-flyout-close svg{fill:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-59d20ae:not(.elementor-motion-effects-element-type-background), .elementor-5046 .elementor-element.elementor-element-59d20ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000DE;background-image:url("https://quantumpro.az/wp-content/uploads/2025/10/red-4-scaled.jpg");background-position:center center;background-size:cover;}.elementor-5046 .elementor-element.elementor-element-59d20ae > .elementor-container{min-height:400px;}.elementor-5046 .elementor-element.elementor-element-59d20ae{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-59d20ae > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-c0f12d0{text-align:center;}.elementor-5046 .elementor-element.elementor-element-c0f12d0 .elementor-heading-title{font-family:"Alumni Sans", Sans-serif;font-size:60px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-251e527:not(.elementor-motion-effects-element-type-background), .elementor-5046 .elementor-element.elementor-element-251e527 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quantumpro.az/wp-content/uploads/2025/09/web-site-cover-1.png");}.elementor-5046 .elementor-element.elementor-element-251e527{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-251e527 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-088c5b2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-5046 .elementor-element.elementor-element-088c5b2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quantumpro.az/wp-content/uploads/2025/10/red-1copy-scaled.jpg");}.elementor-5046 .elementor-element.elementor-element-088c5b2 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-088c5b2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-791914a:not(.elementor-motion-effects-element-type-background), .elementor-5046 .elementor-element.elementor-element-791914a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5046 .elementor-element.elementor-element-791914a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-791914a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-a663eda:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-5046 .elementor-element.elementor-element-a663eda > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5046 .elementor-element.elementor-element-a663eda.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-5046 .elementor-element.elementor-element-a663eda > .elementor-element-populated{box-shadow:0px 8px 15px -1px rgba(0, 0, 0, 0.16);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:37px 0px 45px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:135px 70px 140px 200px;}.elementor-5046 .elementor-element.elementor-element-a663eda > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-a663eda{z-index:0;}.elementor-5046 .elementor-element.elementor-element-9219619{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-5046 .elementor-element.elementor-element-9219619 p{margin-block-end:6px;}.elementor-5046 .elementor-element.elementor-element-edc2de6:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-5046 .elementor-element.elementor-element-edc2de6 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quantumpro.az/wp-content/uploads/2025/10/DSC07710-scaled.jpg");background-position:center center;background-size:cover;}.elementor-5046 .elementor-element.elementor-element-edc2de6 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-edc2de6 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-d18efb5{--spacer-size:71px;}.elementor-5046 .elementor-element.elementor-element-ad08b60:not(.elementor-motion-effects-element-type-background), .elementor-5046 .elementor-element.elementor-element-ad08b60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5046 .elementor-element.elementor-element-ad08b60 > .elementor-container{min-height:525px;}.elementor-5046 .elementor-element.elementor-element-ad08b60{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-ad08b60 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-3b8aaf0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-5046 .elementor-element.elementor-element-3b8aaf0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quantumpro.az/wp-content/uploads/2025/10/DSC07691-scaled.jpg");background-position:center center;background-size:cover;}.elementor-5046 .elementor-element.elementor-element-3b8aaf0 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 0em 0em 0em;}.elementor-5046 .elementor-element.elementor-element-3b8aaf0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-ed349be{--spacer-size:50px;}.elementor-5046 .elementor-element.elementor-element-54b2f43:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-5046 .elementor-element.elementor-element-54b2f43 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5046 .elementor-element.elementor-element-54b2f43.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-5046 .elementor-element.elementor-element-54b2f43 > .elementor-element-populated{box-shadow:0px 8px 15px -1px rgba(0, 0, 0, 0.16);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:45px 0px 45px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:35px 35px 35px 35px;}.elementor-5046 .elementor-element.elementor-element-54b2f43 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-fa66e14 > .elementor-widget-container{margin:88px 88px 88px 88px;padding:0px 0px 0px 0px;}.elementor-5046 .elementor-element.elementor-element-fa66e14{column-gap:0px;text-align:left;font-family:"Alumni Sans", Sans-serif;font-size:27px;font-weight:600;color:#FFFFFF;}.elementor-5046 .elementor-element.elementor-element-fa66e14 p{margin-block-end:30px;}.elementor-5046 .elementor-element.elementor-element-075561f .htmega-button .htb-btn{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );font-family:"Alumni Sans", Sans-serif;font-size:26px;font-weight:400;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-075561f .htmega-button .htb-btn:hover,.elementor-5046 .elementor-element.elementor-element-075561f .htmega-button .htb-btn:hover:before{background-color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-075561f [class*="htmega-btn-effect-"]::before{background-color:var( --e-global-color-primary );}.elementor-5046 .elementor-element.elementor-element-075561f [class*="htmega-btn-effect-"]::after{background-color:var( --e-global-color-primary );}.elementor-5046 .elementor-element.elementor-element-075561f{text-align:center;}.elementor-5046 .elementor-element.elementor-element-075561f .htmega-button .htb-btn:hover{color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-5046 .elementor-element.elementor-element-a814379:not(.elementor-motion-effects-element-type-background), .elementor-5046 .elementor-element.elementor-element-a814379 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quantumpro.az/wp-content/uploads/2025/10/blue-scaled.jpg");}.elementor-5046 .elementor-element.elementor-element-a814379{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-a814379 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-80ada83{text-align:center;}.elementor-5046 .elementor-element.elementor-element-80ada83 .elementor-heading-title{font-family:"Alumni Sans", Sans-serif;font-size:33px;font-weight:600;color:#FFFFFF;}.elementor-5046 .elementor-element.elementor-element-5be6663{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-5be6663 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-9d682a3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-9d682a3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-9c73831 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5046 .elementor-element.elementor-element-9c73831 .ht-thumb-gallery ul.htmega-thumbgallery-for li img{border-radius:0px 0px 0px 0px;}.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-for .content h2{color:#ffffff;margin:0px 0px 0px 0px;}.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-for .content h4{color:#ffffff;}.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-for .content{padding:0px 0px 0px 0px;}.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-for button,.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-nav button.slick-arrow{color:#ffffff;}.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-for button svg path,.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-nav button.slick-arrow svg path{fill:#ffffff;transition:all 0.3s ease-in-out;}.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-for button.slick-arrow,.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-nav button.slick-arrow{font-size:18px;}.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-for button.slick-arrow svg,.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-nav button.slick-arrow svg{width:18px;}.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-for .slick-arrow,.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-nav button.slick-arrow{height:50px;width:50px;}.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-for .slick-arrow:hover,.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-nav button.slick-arrow:hover{color:#ffffff;}.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-for .slick-arrow:hover svg path,.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-nav button.slick-arrow:hover svg path{fill:#ffffff;}.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-for .slick-dots li button,.elementor-5046 .elementor-element.elementor-element-9c73831 .htmega-thumbgallery-nav .slick-dots li button{height:0px;width:12px;}.elementor-5046 .elementor-element.elementor-element-dd49078:not(.elementor-motion-effects-element-type-background), .elementor-5046 .elementor-element.elementor-element-dd49078 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quantumpro.az/wp-content/uploads/2025/10/red-1copy-scaled.jpg");}.elementor-5046 .elementor-element.elementor-element-dd49078{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-dd49078 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-395aa8d{text-align:center;}.elementor-5046 .elementor-element.elementor-element-395aa8d .elementor-heading-title{font-family:"Alumni Sans", Sans-serif;font-size:33px;font-weight:600;color:#FFFFFF;}.elementor-5046 .elementor-element.elementor-element-44fa9fe{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-44fa9fe > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-3ec3ebc > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-3ec3ebc > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-c809b9f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5046 .elementor-element.elementor-element-c809b9f .ht-thumb-gallery ul.htmega-thumbgallery-for li img{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-for .content h2{color:#ffffff;margin:0px 0px 0px 0px;}.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-for .content h4{color:#ffffff;}.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-for .content{padding:0px 0px 0px 0px;}.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-for button,.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-nav button.slick-arrow{color:#ffffff;}.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-for button svg path,.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-nav button.slick-arrow svg path{fill:#ffffff;transition:all 0.3s ease-in-out;}.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-for button.slick-arrow,.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-nav button.slick-arrow{font-size:18px;}.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-for button.slick-arrow svg,.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-nav button.slick-arrow svg{width:18px;}.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-for .slick-arrow,.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-nav button.slick-arrow{height:50px;width:50px;}.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-for .slick-arrow:hover,.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-nav button.slick-arrow:hover{color:#ffffff;}.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-for .slick-arrow:hover svg path,.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-nav button.slick-arrow:hover svg path{fill:#ffffff;}.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-for .slick-dots li button,.elementor-5046 .elementor-element.elementor-element-c809b9f .htmega-thumbgallery-nav .slick-dots li button{height:0px;width:12px;}.elementor-5046 .elementor-element.elementor-element-d6be040:not(.elementor-motion-effects-element-type-background), .elementor-5046 .elementor-element.elementor-element-d6be040 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quantumpro.az/wp-content/uploads/2025/10/red-1copy-scaled.jpg");}.elementor-5046 .elementor-element.elementor-element-d6be040{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-d6be040 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-b811b6b{text-align:center;}.elementor-5046 .elementor-element.elementor-element-b811b6b .elementor-heading-title{font-family:"Alumni Sans", Sans-serif;font-size:33px;font-weight:600;color:#FFFFFF;}.elementor-5046 .elementor-element.elementor-element-2e2528c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-2e2528c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-a0ec2b3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5046 .elementor-element.elementor-element-a0ec2b3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5046 .elementor-element.elementor-element-1623fe5{width:var( --container-widget-width, 107.054% );max-width:107.054%;--container-widget-width:107.054%;--container-widget-flex-grow:0;}.elementor-bc-flex-widget .elementor-5046 .elementor-element.elementor-element-c939fac.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5046 .elementor-element.elementor-element-c939fac.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5046 .elementor-element.elementor-element-c939fac.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-5046 .elementor-element.elementor-element-3abdef0 .htmega-button .htb-btn{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );font-family:"Alumni Sans", Sans-serif;font-size:26px;font-weight:400;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );padding:25px 25px 25px 25px !important;margin:0px 0px 0px 0px;}.elementor-5046 .elementor-element.elementor-element-3abdef0 .htmega-button .htb-btn:hover,.elementor-5046 .elementor-element.elementor-element-3abdef0 .htmega-button .htb-btn:hover:before{background-color:var( --e-global-color-secondary );}.elementor-5046 .elementor-element.elementor-element-3abdef0 [class*="htmega-btn-effect-"]::before{background-color:var( --e-global-color-primary );}.elementor-5046 .elementor-element.elementor-element-3abdef0 [class*="htmega-btn-effect-"]::after{background-color:var( --e-global-color-primary );}.elementor-5046 .elementor-element.elementor-element-3abdef0{width:auto;max-width:auto;align-self:center;z-index:0;}.elementor-5046 .elementor-element.elementor-element-3abdef0 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-5046 .elementor-element.elementor-element-3abdef0 .htmega-button .htb-btn:hover{color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-5046 .elementor-element.elementor-element-da47ea5{--spacer-size:15px;}@media(min-width:768px){.elementor-5046 .elementor-element.elementor-element-a055a21{width:25%;}.elementor-5046 .elementor-element.elementor-element-cdb9da3{width:75%;}.elementor-5046 .elementor-element.elementor-element-74603b2{width:25%;}.elementor-5046 .elementor-element.elementor-element-6dffcee{width:75%;}.elementor-5046 .elementor-element.elementor-element-a663eda{width:51%;}.elementor-5046 .elementor-element.elementor-element-edc2de6{width:49%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5046 .elementor-element.elementor-element-a663eda{width:100%;}.elementor-5046 .elementor-element.elementor-element-edc2de6{width:100%;}.elementor-5046 .elementor-element.elementor-element-3b8aaf0{width:100%;}.elementor-5046 .elementor-element.elementor-element-54b2f43{width:100%;}}@media(max-width:1024px){body:not(.rtl) .elementor-5046 .elementor-element.elementor-element-f0ff889.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}.elementor-5046 .elementor-element.elementor-element-a663eda > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5046 .elementor-element.elementor-element-9219619{font-size:var( --e-global-typography-primary-font-size );}.elementor-5046 .elementor-element.elementor-element-edc2de6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:250px 0px 250px 0px;}.elementor-5046 .elementor-element.elementor-element-3b8aaf0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:250px 0px 250px 0px;}.elementor-5046 .elementor-element.elementor-element-54b2f43 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:767px){.elementor-5046 .elementor-element.elementor-element-a055a21{width:70%;}.elementor-5046 .elementor-element.elementor-element-cdb9da3{width:30%;}body:not(.rtl) .elementor-5046 .elementor-element.elementor-element-f0ff889.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}
							.elementor-5046 .elementor-element.elementor-element-f0ff889 .sub-menu li a.hfe-sub-menu-item,
							.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown li a.hfe-sub-menu-item,
							.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown li a.hfe-menu-item,
							.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown-expandible li a.hfe-menu-item,
							.elementor-5046 .elementor-element.elementor-element-f0ff889 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-size:15px;}.elementor-5046 .elementor-element.elementor-element-74603b2{width:70%;}.elementor-5046 .elementor-element.elementor-element-6ba0eaa{text-align:left;}.elementor-5046 .elementor-element.elementor-element-6dffcee{width:30%;}.elementor-5046 .elementor-element.elementor-element-819bdb0 a.hfe-menu-item, .elementor-5046 .elementor-element.elementor-element-819bdb0 a.hfe-sub-menu-item{font-size:28px;}
							.elementor-5046 .elementor-element.elementor-element-819bdb0 .sub-menu li a.hfe-sub-menu-item,
							.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown li a.hfe-sub-menu-item,
							.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown li a.hfe-menu-item,
							.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown-expandible li a.hfe-menu-item,
							.elementor-5046 .elementor-element.elementor-element-819bdb0 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-size:15px;}.elementor-5046 .elementor-element.elementor-element-59d20ae:not(.elementor-motion-effects-element-type-background), .elementor-5046 .elementor-element.elementor-element-59d20ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-343px -616px;background-size:1000px auto;}.elementor-5046 .elementor-element.elementor-element-c0f12d0 .elementor-heading-title{font-size:40px;}.elementor-5046 .elementor-element.elementor-element-a663eda{width:100%;}.elementor-5046 .elementor-element.elementor-element-a663eda > .elementor-element-populated{padding:135px 35px 140px 35px;}.elementor-5046 .elementor-element.elementor-element-9219619{font-size:var( --e-global-typography-primary-font-size );}.elementor-5046 .elementor-element.elementor-element-edc2de6:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-5046 .elementor-element.elementor-element-edc2de6 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-5046 .elementor-element.elementor-element-3b8aaf0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-5046 .elementor-element.elementor-element-3b8aaf0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-5046 .elementor-element.elementor-element-54b2f43{width:100%;}.elementor-5046 .elementor-element.elementor-element-54b2f43 > .elementor-element-populated{padding:135px 35px 140px 35px;}.elementor-5046 .elementor-element.elementor-element-fa66e14{width:var( --container-widget-width, 267px );max-width:267px;--container-widget-width:267px;--container-widget-flex-grow:0;column-gap:0px;text-align:left;}.elementor-5046 .elementor-element.elementor-element-fa66e14 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5046 .elementor-element.elementor-element-fa66e14 p{margin-block-end:17px;}.elementor-5046 .elementor-element.elementor-element-075561f{text-align:center;}.elementor-5046 .elementor-element.elementor-element-3abdef0{text-align:center;}}/* Start custom CSS for heading, class: .elementor-element-8b5e033 */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Studio Booking Calendar</title>
  <style>
    body { margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif; background:#000000; color:#222; }
    .container { width:100%; margin:0 auto; padding:0 16px; }
    h1 { font-size:28px; margin:16px 0; text-align:center; }
    .card { background:#ffffff; border:1px solid #ddd; border-radius:16px; padding:18px; width:100%; box-sizing:border-box; }
    .cal-card h2 { display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .cal-controls { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
    .cal-title-text { font-size:22px; font-weight:600; text-transform:capitalize; color:#111; }
    .cal-weekdays { display:grid; grid-template-columns: repeat(7,1fr); gap:8px; margin-top:8px; font-size:16px; color:#444; font-weight:600; }
    .cal-weekdays span { text-align:center; }
    .cal-grid { display:grid; grid-template-columns: repeat(7,1fr); gap:8px; margin-top:12px; width:100%; }
    .cal-day { background:#fdfdfd; border:1px solid #ccc; border-radius:12px; min-height:160px; padding:10px; display:flex; flex-direction:column; gap:8px; box-sizing:border-box; }
    .cal-day .d { font-size:15px; color:#333; display:flex; justify-content:space-between; align-items:center; font-weight:600; }
    .cal-day .items { display:flex; flex-direction:column; gap:8px; }
    .cal-item { font-size:15px; font-weight:600; padding:8px 10px; border:1px solid #bbb; border-radius:8px; display:flex; justify-content:space-between; gap:6px; color:#111; }
    .room1 { background:#d0ebff; border-color:#74c0fc; }
    .room2 { background:#ffe3e3; border-color:#ff6b6b; }
    .room-other { background:#e9ecef; border-color:#adb5bd; }
    .cal-muted { opacity:.4; }

    /* Loading animation */
    .loading { text-align:center; font-size:18px; padding:20px; color:#111; display:flex; justify-content:center; align-items:center; gap:6px; }
    .dot { width:10px; height:10px; background:#111; border-radius:50%; display:inline-block; animation: blink 1.4s infinite both; }
    .dot:nth-child(2) { animation-delay: 0.2s; }
    .dot:nth-child(3) { animation-delay: 0.4s; }
    @keyframes blink { 0%, 80%, 100% { opacity:0; } 40% { opacity:1; } }

    /* Responsive for phones */
    @media(max-width:768px){
      .cal-weekdays, .cal-grid { grid-template-columns: repeat(2,1fr); }
      .cal-day { min-height:120px; }
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Studio Booking Calendar</h1>
    <div class="card cal-card" id="calendarCard" style="margin-top:16px;">
      <h2>
        <span id="calTitle" class="cal-title-text">—</span>
        <span class="cal-controls">
          <button id="prevMonthBtn">◀</button>
          <button id="nextMonthBtn">▶</button>
        </span>
      </h2>
      <div id="loading" class="loading">
        Loading data <span class="dot"></span><span class="dot"></span><span class="dot"></span>
      </div>
      <div class="cal-weekdays" style="display:none;">
        <span>Mon</span><span>Tue</span><span>Wed</span><span>Thu</span><span>Fri</span><span>Sat</span><span>Sun</span>
      </div>
      <div class="cal-grid" id="calGrid"></div>
    </div>
  </div>
<script>
const pad=(n)=>String(n).padStart(2,'0');
function ymd(d){ return `${d.getFullYear()}-${pad(d.getMonth()+1)}-${pad(d.getDate())}`; }
function firstDayOfMonth(d){ return new Date(d.getFullYear(), d.getMonth(), 1); }
function daysInMonth(d){ return new Date(d.getFullYear(), d.getMonth()+1, 0).getDate(); }
function weekdayMonFirst(idx){ return (idx+6)%7; }
function buildMonthCells(base){
  const first=firstDayOfMonth(base);
  const total=daysInMonth(base);
  const startOffset=weekdayMonFirst(first.getDay());
  const cells=[];
  const prevLast=new Date(base.getFullYear(), base.getMonth(), 0).getDate();
  for(let i=0;i<startOffset;i++){
    const day=prevLast-startOffset+i+1;
    const d=new Date(base.getFullYear(), base.getMonth()-1, day);
    cells.push({date:d, muted:true});
  }
  for(let day=1;day<=total;day++) cells.push({date:new Date(base.getFullYear(), base.getMonth(), day), muted:false});
  const rest=42-cells.length;
  for(let i=1;i<=rest;i++) cells.push({date:new Date(base.getFullYear(), base.getMonth()+1, i), muted:true});
  return cells;
}

let calCursor=new Date();
let bookings=[];

function bookingsForDateStr(dateStr){
  return bookings.filter(b=>b.date===dateStr).sort((a,b)=>a.start.localeCompare(b.start));
}

function renderCalendar(){
  document.querySelector('.cal-weekdays').style.display='grid';
  document.getElementById('loading').style.display='none';

  const title=new Intl.DateTimeFormat('en-US',{month:'long',year:'numeric'}).format(calCursor);
  document.getElementById('calTitle').textContent=title;
  const grid=document.getElementById('calGrid'); grid.innerHTML='';
  const cells=buildMonthCells(calCursor);
  const todayStr=ymd(new Date());
  cells.forEach(cell=>{
    const ds=ymd(cell.date);
    const dayItems=bookingsForDateStr(ds);
    const div=document.createElement('div');
    div.className='cal-day'+(cell.muted?' cal-muted':'');
    const head=document.createElement('div'); head.className='d';
    const dayNum=document.createElement('span'); dayNum.textContent=String(cell.date.getDate());
    const count=document.createElement('span'); count.textContent=dayItems.length?`✦ ${dayItems.length}`:'';
    head.append(dayNum,count);
    div.appendChild(head);
    const list=document.createElement('div'); list.className='items';
    dayItems.forEach(b=>{
      let roomName = b.studio;
      let cls = 'room-other';
      if(b.studio.toLowerCase()==='podkast'){ roomName='Room 1'; cls='room1'; }
      else if(b.studio.toLowerCase()==='reels'){ roomName='Room 2'; cls='room2'; }
      const it=document.createElement('div'); it.className='cal-item '+cls;
      it.innerHTML=`<span>${b.start}–${b.end}</span><span>${roomName}</span>`;
      list.appendChild(it);
    });
    div.appendChild(list);
    if(ds===todayStr && !cell.muted){ div.style.outline='2px solid #999'; div.style.outlineOffset='2px'; }
    grid.appendChild(div);
  });
}

function setupCalendar(){
  document.getElementById('prevMonthBtn').addEventListener('click',()=>{ calCursor=new Date(calCursor.getFullYear(),calCursor.getMonth()-1,1); renderCalendar(); });
  document.getElementById('nextMonthBtn').addEventListener('click',()=>{ calCursor=new Date(calCursor.getFullYear(),calCursor.getMonth()+1,1); renderCalendar(); });
}

function normalizeDate(input){
  if(!input) return '';
  let m = input.match(/^(\d{4})-(\d{2})-(\d{2})$/);
  if(m) return input;
  m = input.match(/^(\d{2})\.(\d{2})\.(\d{4})$/);
  if(m) return `${m[3]}-${m[2]}-${m[1]}`;
  m = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
  if(m){
    const mm = m[1].padStart(2,'0');
    const dd = m[2].padStart(2,'0');
    return `${m[3]}-${mm}-${dd}`;
  }
  return input;
}

async function loadFromGoogleScript(url){
  try {
    const res=await fetch(url,{cache:'no-store'});
    if(!res.ok) throw new Error('HTTP '+res.status);
    const data=await res.json();
    bookings = data.map(b=>({
      date: normalizeDate(b.date),
      start: b.start,
      end: b.end,
      studio: b.studio
    }));
    renderCalendar();
  } catch(err){
    console.error('Data loading error:',err);
    document.getElementById('loading').textContent='Error loading data';
  }
}

(async function(){
  setupCalendar();
  await loadFromGoogleScript('https://script.google.com/macros/s/AKfycbxFEqzL3EUpiwuM1aqLCGlCQk0wPhWjc2jix7vlYSRPnjaKFMAlcAfNdx4OD5wlyxB6Fg/exec');
})();
</script>
</body>
</html>/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-a0ec2b3 */body { margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif; background:#000000; color:#222; }
    .container { width:100%; margin:0 auto; padding:0 16px; }
    h1 { font-size:28px; margin:16px 0; text-align:center; }
    .card { background:#ffffff; border:1px solid #ddd; border-radius:16px; padding:18px; width:100%; box-sizing:border-box; }
    .cal-card h2 { display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .cal-controls { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
    .cal-title-text { font-size:22px; font-weight:600; text-transform:capitalize; color:#111; }
    .cal-weekdays { display:grid; grid-template-columns: repeat(7,1fr); gap:8px; margin-top:8px; font-size:16px; color:#444; font-weight:600; }
    .cal-weekdays span { text-align:center; }
    .cal-grid { display:grid; grid-template-columns: repeat(7,1fr); gap:8px; margin-top:12px; width:100%; }
    .cal-day { background:#fdfdfd; border:1px solid #ccc; border-radius:12px; min-height:160px; padding:10px; display:flex; flex-direction:column; gap:8px; box-sizing:border-box; }
    .cal-day .d { font-size:15px; color:#333; display:flex; justify-content:space-between; align-items:center; font-weight:600; }
    .cal-day .items { display:flex; flex-direction:column; gap:8px; }
    .cal-item { font-size:15px; font-weight:600; padding:8px 10px; border:1px solid #bbb; border-radius:8px; display:flex; justify-content:space-between; gap:6px; color:#111; }
    .room1 { background:#d0ebff; border-color:#74c0fc; }
    .room2 { background:#ffe3e3; border-color:#ff6b6b; }
    .room-other { background:#e9ecef; border-color:#adb5bd; }
    .cal-muted { opacity:.4; }

    /* Loading animation */
    .loading { text-align:center; font-size:18px; padding:20px; color:#111; display:flex; justify-content:center; align-items:center; gap:6px; }
    .dot { width:10px; height:10px; background:#111; border-radius:50%; display:inline-block; animation: blink 1.4s infinite both; }
    .dot:nth-child(2) { animation-delay: 0.2s; }
    .dot:nth-child(3) { animation-delay: 0.4s; }
    @keyframes blink { 0%, 80%, 100% { opacity:0; } 40% { opacity:1; } }

    /* Responsive for phones */
    @media(max-width:768px){
      .cal-weekdays, .cal-grid { grid-template-columns: repeat(2,1fr); }
      .cal-day { min-height:120px; }
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Studio Booking Calendar</h1>
    <div class="card cal-card" id="calendarCard" style="margin-top:16px;">
      <h2>
        <span id="calTitle" class="cal-title-text">—</span>
        <span class="cal-controls">
          <button id="prevMonthBtn">◀</button>
          <button id="nextMonthBtn">▶</button>
        </span>
      </h2>
      <div id="loading" class="loading">
        Loading data <span class="dot"></span><span class="dot"></span><span class="dot"></span>
      </div>
      <div class="cal-weekdays" style="display:none;">
        <span>Mon</span><span>Tue</span><span>Wed</span><span>Thu</span><span>Fri</span><span>Sat</span><span>Sun</span>
      </div>
      <div class="cal-grid" id="calGrid"></div>
    </div>
  </div>
<script>
const pad=(n)=>String(n).padStart(2,'0');
function ymd(d){ return `${d.getFullYear()}-${pad(d.getMonth()+1)}-${pad(d.getDate())}`; }
function firstDayOfMonth(d){ return new Date(d.getFullYear(), d.getMonth(), 1); }
function daysInMonth(d){ return new Date(d.getFullYear(), d.getMonth()+1, 0).getDate(); }
function weekdayMonFirst(idx){ return (idx+6)%7; }
function buildMonthCells(base){
  const first=firstDayOfMonth(base);
  const total=daysInMonth(base);
  const startOffset=weekdayMonFirst(first.getDay());
  const cells=[];
  const prevLast=new Date(base.getFullYear(), base.getMonth(), 0).getDate();
  for(let i=0;i<startOffset;i++){
    const day=prevLast-startOffset+i+1;
    const d=new Date(base.getFullYear(), base.getMonth()-1, day);
    cells.push({date:d, muted:true});
  }
  for(let day=1;day<=total;day++) cells.push({date:new Date(base.getFullYear(), base.getMonth(), day), muted:false});
  const rest=42-cells.length;
  for(let i=1;i<=rest;i++) cells.push({date:new Date(base.getFullYear(), base.getMonth()+1, i), muted:true});
  return cells;
}

let calCursor=new Date();
let bookings=[];

function bookingsForDateStr(dateStr){
  return bookings.filter(b=>b.date===dateStr).sort((a,b)=>a.start.localeCompare(b.start));
}

function renderCalendar(){
  document.querySelector('.cal-weekdays').style.display='grid';
  document.getElementById('loading').style.display='none';

  const title=new Intl.DateTimeFormat('en-US',{month:'long',year:'numeric'}).format(calCursor);
  document.getElementById('calTitle').textContent=title;
  const grid=document.getElementById('calGrid'); grid.innerHTML='';
  const cells=buildMonthCells(calCursor);
  const todayStr=ymd(new Date());
  cells.forEach(cell=>{
    const ds=ymd(cell.date);
    const dayItems=bookingsForDateStr(ds);
    const div=document.createElement('div');
    div.className='cal-day'+(cell.muted?' cal-muted':'');
    const head=document.createElement('div'); head.className='d';
    const dayNum=document.createElement('span'); dayNum.textContent=String(cell.date.getDate());
    const count=document.createElement('span'); count.textContent=dayItems.length?`✦ ${dayItems.length}`:'';
    head.append(dayNum,count);
    div.appendChild(head);
    const list=document.createElement('div'); list.className='items';
    dayItems.forEach(b=>{
      let roomName = b.studio;
      let cls = 'room-other';
      if(b.studio.toLowerCase()==='podkast'){ roomName='Room 1'; cls='room1'; }
      else if(b.studio.toLowerCase()==='reels'){ roomName='Room 2'; cls='room2'; }
      const it=document.createElement('div'); it.className='cal-item '+cls;
      it.innerHTML=`<span>${b.start}–${b.end}</span><span>${roomName}</span>`;
      list.appendChild(it);
    });
    div.appendChild(list);
    if(ds===todayStr && !cell.muted){ div.style.outline='2px solid #999'; div.style.outlineOffset='2px'; }
    grid.appendChild(div);
  });
}

function setupCalendar(){
  document.getElementById('prevMonthBtn').addEventListener('click',()=>{ calCursor=new Date(calCursor.getFullYear(),calCursor.getMonth()-1,1); renderCalendar(); });
  document.getElementById('nextMonthBtn').addEventListener('click',()=>{ calCursor=new Date(calCursor.getFullYear(),calCursor.getMonth()+1,1); renderCalendar(); });
}

function normalizeDate(input){
  if(!input) return '';
  let m = input.match(/^(\d{4})-(\d{2})-(\d{2})$/);
  if(m) return input;
  m = input.match(/^(\d{2})\.(\d{2})\.(\d{4})$/);
  if(m) return `${m[3]}-${m[2]}-${m[1]}`;
  m = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
  if(m){
    const mm = m[1].padStart(2,'0');
    const dd = m[2].padStart(2,'0');
    return `${m[3]}-${mm}-${dd}`;
  }
  return input;
}

async function loadFromGoogleScript(url){
  try {
    const res=await fetch(url,{cache:'no-store'});
    if(!res.ok) throw new Error('HTTP '+res.status);
    const data=await res.json();
    bookings = data.map(b=>({
      date: normalizeDate(b.date),
      start: b.start,
      end: b.end,
      studio: b.studio
    }));
    renderCalendar();
  } catch(err){
    console.error('Data loading error:',err);
    document.getElementById('loading').textContent='Error loading data';
  }
}

(async function(){
  setupCalendar();
  await loadFromGoogleScript('https://script.google.com/macros/s/AKfycbxFEqzL3EUpiwuM1aqLCGlCQk0wPhWjc2jix7vlYSRPnjaKFMAlcAfNdx4OD5wlyxB6Fg/exec');
})();
</script>
</body>
</html>/* End custom CSS */