/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Global btn */
body {overflow-x: hidden !important; font-family: "Poppins", Sans-serif;}
.new-stories-section .view-all-btn a,
.professional-courses-section .view-all-btn a,
.about-film-house-section .view-all-btn a,
.founder-film-section .co-founder-section .view-all-btn a,
.project-cta-section .tnp-submit {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45%); color: #1a1a18; border: 1px solid transparent !important; border-radius: 10px !important; transition: all 0.3s ease; white-space: nowrap; padding: 20px 45px; font-size: 18px; line-height: 1; }

.new-stories-section .view-all-btn a:hover,
.professional-courses-section .view-all-btn a:hover,
.about-film-house-section .view-all-btn a:hover,
.founder-film-section .co-founder-section .view-all-btn a:hover {background: transparent !important; background-image: none !important; color: #fff !important; border-color: #fff !important; }

/* Global btn end */
.main-header .header-top-btn a {background: transparent !important; background-image: none !important; color: #fff !important; border: 1px solid #fff !important; border-radius: 10px !important; transition: all 0.3s ease;}
.main-header .header-top-btn a:hover {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ) !important; color: #1a1a18 !important; border: 1px solid transparent !important; }
.main-header .header-navigation .hfe-menu-item {position: relative; }
.main-header .header-navigation .hfe-nav-menu {width: 100%; justify-content: flex-end; }
.main-header .header-navigation .hfe-menu-item::after {content: ""; position: absolute; left: 0; bottom: -6px; width: 100%; height: 2px; background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; }
.main-header {background: transparent;position: absolute; width: 100%; transition: all 0.3s ease; }
.main-header.scrolled {background: #111111a3 !important; position: fixed; }
.main-header .hfe-site-logo-container {display: contents; }
.main-header .header-navigation .hfe-nav-menu__layout-horizontal {width: 100% !important; }
.main-header .header-navigation .current-menu-item > .hfe-menu-item::after,
.main-header .header-navigation .current_page_item > .hfe-menu-item::after {transform: scaleX(1); }

.main-header  .hfe-site-logo-set {height: 99px; }


/*hero-sec*/
.hero-buttons .explore-btn a {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); color: #1a1a18; border: 1px solid transparent !important; transition: all 0.3s ease; }
.hero-buttons .explore-btn .elementor-button:hover {background: transparent !important; background-image: none !important; color: #fff !important; border-color: #fff !important; }
.hero-buttons .touch-btn a {color: #fff !important; border: 1px solid #fff !important; transition: all 0.3s ease; }
.hero-buttons .touch-btn a:hover {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); color: #1a1a18 !important; border: 1px solid transparent !important; }
.border-section .border-img img {display: block; }
.hero-section .elementor-background-video-container {position: absolute; inset: 0; z-index: 0; }
.hero-section .elementor-background-video-container::after {content: ""; position: absolute; inset: 0; /* background: linear-gradient(90deg, #1a1a18 0%, rgba(26, 26, 24, 0.9) 61.43%, rgba(26, 26, 24, 0) 100% ); */ background: linear-gradient(90deg, rgba(26, 26, 24, 1) 0%, rgba(26, 26, 24, 0.92) 22%, rgba(26, 26, 24, 0.65) 45%, rgba(26, 26, 24, 0.18) 70%, rgba(26, 26, 24, 0) 100% ); z-index: 1; }
.hero-section .elementor-background-video-hosted {width: 100%; height: 100%; object-fit: cover; }
.hero-section .banner-description span {font-weight: 600; }


.cinema-point-section .oxl-movie-poster img {height: 100% !important; border-radius: 10px !important; }
.cinema-point-section .oxl-movies-grid .oxl-movie-body {padding-top: 20px; }
.cinema-point-section .oxl-movie-card .oxl-movie-title {font-size: 26px; font-weight: 600; color: #fff; margin-bottom:20px; }
.cinema-point-section .oxl-movie-card .oxl-movie-meta {font-size: 20px; font-weight: 600; margin-bottom:20px; background: linear-gradient(95deg, #e7bc68 0.36%, #d3a350 50.03%, #c18c39 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.cinema-point-section .oxl-movie-card .oxl-movie-desc {font-size: 18px; font-weight: 400; color: #fff; margin-bottom:30px;}
.cinema-point-section .oxl-movie-card .oxl-movie-readmore {font-size: 20px; font-weight: 500; text-decoration: underline; background: linear-gradient(95deg, #e7bc68 0.36%, #d3a350 50.03%, #c18c39 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; transition: transform 0.3s ease; }
.cinema-point-section .oxl-movie-card .oxl-movie-readmore:hover {transform: translateX(4px); }
.new-stories-section .oxl-upcoming-slider .oxl-upcoming-card .oxl-upcoming-title {font-size: 26px; font-weight: 400; color: #fff; margin-bottom: 15px; line-height: 1; }
.new-stories-section .oxl-upcoming-slider .oxl-upcoming-card .oxl-upcoming-tag {font-size: 16px; font-weight: 400; background: linear-gradient(95deg, #e7bc68 0.36%, #d3a350 50.03%, #c18c39 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.new-stories-section .oxl-upcoming-slider {background: none !important; padding:0 !important }
.feature-films-section .films-card-section .e-con {border: 1px solid transparent; border-image-source: linear-gradient(95deg, rgba(157, 93, 5, 0.5) 0.36%, rgba(252, 240, 126, 0.5) 50.03%, rgba(157, 93, 5, 0.5) 100.45% ); border-image-slice: 1; padding: 48px 26px; }
.courses-grid-section .courses-grid-card .elementor-image-box-img {width: 100% !important; }
.courses-grid-section .courses-grid-card {position: relative; height: 435px; overflow: hidden; border-radius: 16px; }
.courses-grid-section .courses-grid-card .elementor-image-box-wrapper {position: relative; }
.courses-grid-section .courses-grid-card .elementor-image-box-content {position: absolute;  bottom: 24px; z-index: 2; padding: 0 25px !important; }
.courses-grid-section .courses-grid-card .elementor-image-box-title {color: #fff; margin: 0; }

@media (min-width: 1024px) {

  .courses-grid-section .courses-grid-card .elementor-image-box-content {height: 80px;}

}

.oxl-upcoming-card {border-radius: 10px !important; }
.oxl-upcoming-card:before {content: ""; background: linear-gradient(180deg, rgba(26, 26, 24, 0) 0%, #1A1A18 100%) !important; position: absolute; width: 100%; height: 137px; bottom: 0; top: auto; left: 0; right: 0; z-index: 1}
.oxl-upcoming-overlay {padding: 28px !important; z-index: 1}

/* Image Zoom */
.courses-grid-section .courses-grid-card .elementor-image-box-img {margin-bottom: 0 !important; overflow: hidden; height: 435px; border-radius: 16px; }
.courses-grid-section .courses-grid-card .elementor-image-box-img img {display: block; width: 100%; height: 100%; border-radius: 16px; object-fit: cover; transition: transform 0.4s ease; transform: scale(1); }
.courses-grid-section .courses-grid-card:hover .elementor-image-box-img img {transform: scale(1.1); }
.brand-corporate-section {padding-left: max(40px, calc((100vw - 1440px) / 2)) !important; /* padding-right: 0; */ }
.brand-corporate-section .brand-icon-div .deensimc-img {width: 170px !important; height: 60px !important; }
.brand-corporate-section .brand-icon-div .deensimc-img img {border-radius: 5px !important; }
.about-film-house-section .about-video-div .elementor-widget-video {height: 420px !important; border-radius: 16px; }
.story-card-content > .e-con {position: relative; overflow: hidden; }
.story-card-content .shadow-box::before {content: ""; background: linear-gradient(180deg, rgba(14, 14, 12, 0) 0%, rgba(14, 14, 12, 0.7) 44.9%, #0E0E0C 100%); position: absolute; width: 100%; left: 0; right: 0; bottom: 0; top: auto; height: 160px; }
.story-card-content > .e-con::after {content: ""; position: absolute; inset: 0; padding: 1px; /* Border thickness */ border-radius: inherit; background: linear-gradient(180deg, rgba(130, 76, 2, 0.3) 0%, rgba(194, 144, 47, 0.3) 45.19%, rgba(252, 240, 126, 0.3) 100% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.stories-section .story-card-content .elementor-widget-text-editor p {margin-bottom: 0px; }
.stories-section .story-card-content .elementor-widget-button a {border-radius: 5px; }

/* Form Wrapper */
.project-cta-section .tnp form {display: flex; align-items: center; gap: 0; max-width: 538px; width: 100%; padding: 6px; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 50px 40px 90px 0px #00000012; }
.project-cta-section .tnp-field label {display: none; }

/* Email Field */
.project-cta-section .tnp-field-email {flex: 1; margin: 0; }
.project-cta-section .tnp-email {width: 100%; border: none !important; outline: none !important; background: transparent !important; padding: 0 18px !important; font-size: 14px; color: #111; box-shadow: none !important; }
 .project-cta-section .tnp-email::placeholder {color: #333333; }

/* Button */
.project-cta-section .tnp-field-button {margin: 0; }
.project-cta-section .tnp-submit {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ) !important; color: #1a1a18 !important; border: 1px solid transparent !important; border-radius: 10px; }
.project-cta-section .tnp-submit:hover {color: #fff !important; }
.project-cta-section .tnp-field {margin: 0 !important; }
.main-footer-section .footer-menu-section .footer-social-icon svg {fill: none !important; width: 22px !important; height: 22px !important; }
.main-footer-section .footer-menu-section .footer-social-icon .elementor-icon {width: auto !important; height: auto !important; padding: 4px !important; margin: 0 !important; min-width: unset !important; min-height: unset !important; }
.main-footer-section .footer-menu-section ul li a {padding-left: 0 !important; margin-left: 0 !important; list-style: none; }
.main-footer-section .footer-menu-section .info-section svg {fill: none !important; width: 18px !important; height: 18px !important; margin-right: 6px; }
.main-footer-section .footer-menu-section .info-section .elementor-icon-list-item {align-items: flex-start !important; }
.main-footer-section .studio-stats h3 {margin-top: 0px; margin-bottom: 2px; }
.main-footer-section .studio-stats .elementor-image-box-wrapper .elementor-image-box-description {width: 100px; }
.footer-copyright p {margin-bottom: 0px; }

.new-stories-section .oxl-upcoming-arrow svg {display: none; }
.new-stories-section .oxl-upcoming-prev::before {content: ""; display: block; width: 45px; height: 45px; min-width: 45px; min-height: 45px; background: url("https://sistagging.com/oxlschool/wp-content/uploads/2026/07/prev-icon.svg") center/contain no-repeat; }
.new-stories-section .oxl-upcoming-next::before {content: ""; display: block; width: 45px; height: 45px; min-width: 45px; min-height: 45px; background: url("https://sistagging.com/oxlschool/wp-content/uploads/2026/07/next-icon.svg") center/contain no-repeat; }
.new-stories-section .oxl-upcoming-arrow:hover {background: transparent !important; }

/* About page  */
.founder-film-section p {margin-bottom: 0px; }
.founder-film-section .co-founder-section .actor-div .elementor-widget-text-editor, 
.cf-promoter-section .co-founder-bio .cf-film-list .elementor-widget-text-editor {padding: 11px 15px !important; background-color: #ffffff0a !important; border: 1.06px solid #ffffff1a !important; border-radius: 10px !important; color: #fff !important; font-weight: 400; } 
.founder-film-section .co-founder-section .co-founter-title p {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.founder-film-section .co-founder-section .co-founder-name .elementor-button-link {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.founder-film-section .co-founder-section .producer-div .elementor-widget-text-editor span, .founder-film-section .co-founder-section .actor-div .elementor-widget-text-editor span, .cf-promoter-section .co-founder-bio .cf-film-list .elementor-widget-text-editor span {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; font-weight: 600 !important; margin-right: 2px; }
.cf-promoter-section p {margin-bottom: 0px; }
.cf-promoter-section .co-founder-bio .co-founder-promoter p {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.cf-promoter-section .co-founder-bio .co-founder-title {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.contact-cta-section {position: relative; overflow: hidden; }
.contact-cta-section::before {content: ""; position: absolute; inset: 0; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 100%); z-index: 1; }
.contact-cta-section .e-con-inner {position: relative; z-index: 2; }
.contact-cta-section .cta-buttons .get-touch-btn a {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); color: #1a1a18; border: 1px solid transparent !important; transition: all 0.3s ease; }
.contact-cta-section .cta-buttons .get-touch-btn a:hover {background: transparent !important; background-image: none !important; color: #fff !important; border-color: #fff !important; }

/* contact-btn */
.contact-cta-section .cta-buttons .contact-btn a {color: #fff !important; border: 1px solid #fff !important; transition: all 0.3s ease; }
.contact-cta-section .cta-buttons .contact-btn a:hover {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); color: #1a1a18 !important; border: 1px solid transparent !important; }

/* Courses page */
.creative-training-section .choose-creative-path .oxl-courses-spotlight {display: flex; align-items: center; margin: 50px 0px 80px 0px; position: relative; align-items: stretch; border: 1px solid transparent; /* border-image: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ) 1; */ background: linear-gradient(#161614, #161614) padding-box, linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45%) border-box; border-radius: 20px; }
.creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-badge {position: absolute; padding: 7px 10px; top: 24px; left: 24px; background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); color: #1a1a18; border: 1px solid transparent !important; transition: all 0.3s ease; font-size: 11px; font-weight: 700; }
.creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-image img {border-top-left-radius: 20px; border-bottom-left-radius: 20px; height: 100%; }
.creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-content {background-color: #161614e5; padding: 40px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-content h2 {margin-top: 0px; }
.creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-content .oxl-courses-spotlight-title {font-size: 32px; font-weight: 400; color: #f8f5ee; font-family: "DM Serif Display", serif;     margin-bottom: 30px;}
.creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-content .oxl-courses-subtitle {font-size: 16px; font-weight: 500; font-family: "Poppins", sans-serif; background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; margin-bottom: 20px;}
.creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-content .oxl-courses-desc {font-size: 14px; font-weight: 300; font-family: "Poppins", sans-serif; color: #dddddd; }
.creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-content .oxl-courses-tags {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 50px; }
.creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-content .oxl-courses-tags .oxl-courses-tag {border-radius: 2px; border: 1px solid #d8d2c440; padding: 7px 13px; font-size: 12px; font-size: 400; color: #dddddd; font-family: "Poppins", sans-serif; }
.creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-content .oxl-courses-btn {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); font-size: 18px; font-weight: 500; font-family: "Poppins", sans-serif; color: #1a1a18; border: 1px solid transparent !important; transition: all 0.3s ease; padding: 12px 36px; border-radius: 10px; display: block; width: fit-content; }
.creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-content .oxl-courses-btn:hover {background: transparent !important; background-image: none !important; color: #fff !important; border-color: #fff !important; }
.creative-training-section .choose-creative-path .oxl-courses-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; }
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card {background-color: #1a1a18; border-radius: 20px; overflow: hidden; position: relative; display: flex; flex-direction: column; height: 100%; }
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-courses-badge {position: absolute; top: 17px; left: 17px; background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); color: #1a1a18; border: 1px solid transparent !important; transition: all 0.3s ease; font-size: 11px; font-weight: 700; padding: 6px 13px; border-radius: 5px; }
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-course-card-body {padding: 24px; display: flex; flex-direction: column; justify-content: space-between; flex: 1; }
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-course-card-body h3 {margin-top: 0px; }
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-course-card-body .oxl-course-title {font-size: 22px; font-weight: 400; color: #f8f5ee; font-family: "DM Serif Display", serif; }
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-course-card-body .oxl-courses-subtitle {font-size: 14px; font-weight: 500; font-style: italic; background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; font-family: "DM Serif Display", serif; }
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-course-card-body .oxl-courses-desc {font-size: 14px; font-weight: 300; color: #fff; font-family: "Poppins", sans-serif; }
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-course-card-body .oxl-courses-tags {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-course-card-body .oxl-courses-tags .oxl-courses-tag {border-radius: 2px; border: 1px solid #d8d2c440; padding: 7px 13px; font-size: 10px; font-size: 400; color: #d8d2c4; font-family: "Poppins", sans-serif; }
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-course-card-body .oxl-courses-btn {width: 100% !important; text-align: center; background: transparent; color: transparent; font-size: 14px; font-weight: 600; font-family: "Poppins", sans-serif; padding: 12px 36px; border-radius: 10px !important; display: block; width: fit-content; position: relative; z-index: 1; /* Gradient Text */ background-image: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; border: none; }


.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-course-card-image {height: 300px; }
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-course-card-image img {height: 100%; width: 100%; object-fit: cover; }



/* Gradient Border */
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-course-card-body .oxl-courses-btn::before {content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 10px; background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; }
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-course-card-body .oxl-courses-btn:hover {color: #fff !important; -webkit-text-fill-color: #fff !important; }
.creative-training-section .choose-creative-path .oxl-courses-grid .oxl-course-card .oxl-course-card-body .oxl-courses-btn:hover::before {background: #fff; }
.creative-training-section .oxl-courses-tabs {justify-content: center; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.creative-training-section .oxl-courses-tabs .oxl-courses-tab {color: #fff !important; border-color: #d8d2c440 !important; }
.creative-training-section .oxl-courses-tabs .oxl-courses-tab.is-active {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); color: #1a1a18 !important; border: 1px solid transparent !important; border-radius: 5px !important; transition: all 0.3s ease; }
.creative-training-section .oxl-courses-tabs .oxl-courses-tab:hover {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); color: #1a1a18; border: 1px solid transparent !important; border-radius: 5px !important; }
.creative-training-section .oxl-courses-grid {position: relative; padding-top: 80px; }
.creative-training-section .oxl-courses-grid::before {content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: calc(100vw - 16px); height: 6px; background: url("https://sistagging.com/oxlschool/wp-content/uploads/2026/07/divider-goldn-dark.png") center center / 100% 100% no-repeat; display: block; }
.choose-programs .choose-title h5 {font-size: 18px; font-weight: 600; background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.contact-section .contact-item .contact-info h5,
.contact-section .contact-item .contact-info p {margin-bottom: 0; }
.contact-section .contact-item .contact-info h5 {background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.contact-section .message-section .custome-contact-form .form-subtitle p {margin-bottom: 0; }
.contact-section .message-section .custome-contact-form .gform_heading {display: none; }
.contact-section .message-section .custome-contact-form form .gfield .gfield_label {font-size: 12px; font-weight: 400; color: #b8b0a0; font-family: "Poppins", sans-serif; }
.contact-section .message-section .custome-contact-form form .gfield .ginput_container input, 
.contact-section .message-section .custome-contact-form form .gfield .ginput_container textarea {background: #0b0b0c; border: 1px solid #f3efe626; color: #b8b0a0; font-size: 14px; font-weight: 400; padding: 14px 15px; border-radius: 2px; }
.contact-section .message-section .custome-contact-form form .gfield .ginput_container textarea {height: 100px; resize: none; }
.contact-section .message-section .custome-contact-form form .gfield .ginput_container input:focus, 
.contact-section .message-section .custome-contact-form form .gfield .ginput_container textarea:focus {outline: none; }
.contact-section .message-section .custome-contact-form form .gfield .ginput_container input::placeholder {color: #757575; }
.contact-section .message-section .custome-contact-form form .gform_button {width: 100%; background: linear-gradient(95deg, #9d5d05 0.36%, #fcf07e 50.03%, #9d5d05 100.45% ); color: #1a1a18; border: 1px solid transparent !important; transition: all 0.3s ease; }
.contact-section .message-section .custome-contact-form form .gform_button:hover {background: transparent !important; background-image: none !important; color: #fff !important; border-color: #fff !important; }
.contact-section .message-section .contact-social-icon span {width: 40px; height: 40px; border: 1px solid #d8d2c440; border-radius: 5px; }
.contact-section .message-section .contact-social-icon span a {width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; }
.contact-section .message-section .campus-section .contact-social-icon span svg {fill: none !important; }
.contact-section .message-section .campus-section p {margin-bottom: 0px; }
.contact-section .message-section .gform_wrapper.gravity-theme .validation_message {background: transparent !important; border: 0 !important; padding: 0 !important; margin-top: 0 !important; font-size: 13px !important; font-weight: 500; }

.gform_validation_errors {display: none; }

/* 404 Page */
body:not([class*="elementor-page-"]) .site-main {max-width: 100%; }
.error404 .site-main {text-align: center; padding: 140px 20px 80px; background: url(https://sistagging.com/oxlschool/wp-content/uploads/2026/07/new-bg-image-1.webp) center center / 100% 100% no-repeat; background-repeat: no-repeat; object-fit: cover; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; }
.error404 .entry-title {font-size: 48px; color: #fff; margin: 0; }
.error404 .entry-title::before {content: "404"; display: block; font-size: 120px; font-weight: 700; line-height: 1; background: linear-gradient(95deg, #9d5d05, #fcf07e, #9d5d05); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.error404 .page-content p {color: #b8b0a0; font-size: 18px; }

/* Detail Blog Page */
.oxl-movie-single {background: #171310; padding: 140px 40px 80px 40px; }
.oxl-movie-single .oxl-movie-single-inner .oxl-movie-single-content .oxl-movie-single-meta {background: linear-gradient(95deg, #e7bc68 0.36%, #d3a350 50.03%, #c18c39 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; transition: transform 0.3s ease; }
.oxl-movie-single-inner,
.oxl-movie-recent-inner {max-width: 1440px; }
.oxl-movie-recent {padding: 80px 40px; }
.oxl-movie-recent .oxl-movie-card .oxl-movie-body .oxl-movie-meta {background: linear-gradient(95deg, #e7bc68 0.36%, #d3a350 50.03%, #c18c39 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; transition: transform 0.3s ease; }
.oxl-movie-recent .oxl-movie-card .oxl-movie-body .oxl-movie-readmore {background: linear-gradient(95deg, #e7bc68 0.36%, #d3a350 50.03%, #c18c39 100.45% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; transition: transform 0.3s ease; }
.oxl-movie-recent .oxl-movie-card .oxl-movie-body .oxl-movie-readmore:hover {transform: translateX(4px); }

/* Responsive */

@media screen and (min-width: 768px) and (max-width: 1024px) {
  
  br{display: none !important;}
  .oxl-movie-single {padding: 100px 16px 0px 16px; }
  .oxl-movie-single .oxl-movie-single-content .oxl-movie-single-title {font-size: 34px; }
  .oxl-movie-recent .oxl-movie-recent-inner .oxl-movie-recent-title {font-size: 34px; }
  .oxl-movie-recent {padding: 20px 16px 60px 16px; }

}

@media screen and (max-width: 1024px) {

  .header-navigation .phon-menu-icon {width: fit-content !important; }
  .header-navigation .phon-menu-icon .elementor-widget-container {width: fit-content; }
  .header-navigation .phon-menu-icon .elementor-widget-container .hfe-nav-menu-icon svg {color: #fff; }
  .header-navigation .phon-menu-icon .elementor-widget-container .hfe-nav-menu .hfe-nav-menu__toggle {margin: 0px !important; width: fit-content; }
  .about-film-house-section .about-video-div .elementor-widget-video {height: auto !important; }
  .creative-training-section .choose-creative-path .oxl-courses-grid {grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .main-header .logo-container {width: fit-content; }
  .main-header .responsive-nav-container {width: fit-content; }
  .main-header .header-navigation,
  .main-header .responsive-nav-container {padding-left: 0px; padding-right: 0px; }
  .header-navigation .header-top-btn a {padding: 14px 18px !important; }
  .hfe-nav-menu-icon svg {fill: #fff !important; width: 24px; height: 24px; }
  .hfe-flyout-content .hfe-nav-menu li a,
  .hfe-flyout-content .hfe-nav-menu li a.hfe-menu-item {color: #000 !important; }
  .hfe-flyout-content .hfe-nav-menu li {margin-bottom: 4px !important; }
  .new-stories-section .oxl-upcoming-slider {position: relative; }
  .new-stories-section .oxl-upcoming-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; }
  .new-stories-section .oxl-upcoming-prev {left: 4px; }
  .new-stories-section .oxl-upcoming-next {right: 4px; }
  .error404 .entry-title {font-size: 38px; }
  .error404 .entry-title::before {font-size: 90px; }
  .error404 .page-content p {font-size: 16px; }


}

@media screen and (max-width: 767px) {

  .main-header .hfe-site-logo-set {height: 80px; }
  .main-header .hfe-flyout-content ul li a {display: inline-block; }
  .creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-content {padding: 20px !important; }
  .creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-content .oxl-courses-btn {font-size: 16px;}

  .cinema-point-section .oxl-movie-card .oxl-movie-title {font-size: 24px; margin-bottom: 10px; }
  .cinema-point-section .oxl-movie-card .oxl-movie-meta {font-size: 18px; margin-bottom: 10px; }
  .cinema-point-section .oxl-movie-card .oxl-movie-desc {font-size: 16px; margin-bottom: 15px; }
  .oxl-movies-grid {gap: 40px; }
  .brand-corporate-section {padding-left: 0 !important; }
  .story-card-content .yellow-card {min-height: auto !important; gap: 12px; }


  .creative-training-section .choose-creative-path .oxl-courses-spotlight {flex-direction: column; }
  .creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-image img {border-radius: 20px 20px 0 0; }
  .creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-content {border-radius: 0 0 20px 20px; } 
  .creative-training-section .choose-creative-path .oxl-courses-grid {grid-template-columns: 1fr; gap: 16px; }
  .creative-training-section .choose-creative-path .oxl-courses-spotlight .oxl-courses-spotlight-content .oxl-courses-spotlight-title {font-size: 28px; }
  .oxl-movie-single .oxl-movie-single-content .oxl-movie-single-title {font-size: 28px; }
  .oxl-movie-recent .oxl-movie-recent-inner .oxl-movie-recent-title {font-size: 28px; }
  .oxl-movie-single {padding: 80px 16px 0px 16px; }
  .oxl-movie-recent {padding: 20px 16px 60px 16px; }
  .error404 .site-main {gap: 16px; }
  .error404 .entry-title {font-size: 30px; }
  .error404 .entry-title::before {font-size: 70px; }
  .error404 .page-content p {font-size: 15px; line-height: 1.6; }


}