PageSourceSearch

https://surammovies.com/

html surammovies.com collected 2026-10-08 07:21:51 UTC 37,614 bytes, 998 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3	<head>
4		<meta charset="utf-8">
5<meta http-equiv="x-ua-compatible" content="ie=edge">
6<title>Home - Suram Movies.</title>
7<meta name="description" content="">
8<meta name="viewport" content="width=device-width, initial-scale=1">
9
10<link rel="apple-touch-icon" href="img/home-one/apple-touch-icon.html">
11<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
12<!-- Place favicon.ico in the root directory -->
13
14<!-- all css here -->
15<link rel="stylesheet" href="https://surammovies.com/css/bootstrap.min.css">
16<link rel="stylesheet" href="https://surammovies.com/css/font-awesome.min.css">
17<link rel="stylesheet" href="https://surammovies.com/css/icofont.css">
18<link rel="stylesheet" href="https://surammovies.com/css/magnific-popup.css">
19<link rel="stylesheet" href="https://surammovies.com/css/meanmenu.min.css">
20<link rel="stylesheet" href="https://surammovies.com/css/plugins.css">
21<link rel="stylesheet" href="https://surammovies.com/css/shortcode/shortcodes.css">
22<link rel="stylesheet" href="https://surammovies.com/css/style.css">
23<link rel="stylesheet" href="https://surammovies.com/css/responsive.css">
24
25<!-- Revolution Slider CSS -->
26<link href="https://surammovies.com/assets/revolution/css/settings.css" rel="stylesheet">
27<link href="https://surammovies.com/assets/revolution/css/navigation.css" rel="stylesheet">
28<link href="https://surammovies.com/assets/revolution/custom-setting.css" rel="stylesheet">
29
30<script src="https://surammovies.com/js/vendor/modernizr-2.8.3.min.js"></script>
30
31<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
32<style>
33    .offcanvas{
34        z-index: 9999 !important;
35    }
36
37    .offcanvas-backdrop{
38        z-index: 9998 !important;
39    }
40    .cart-item{
41        display:flex;
42        align-items:center;
43        justify-content:space-between;
44        padding:12px 0;
45        border-bottom:1px solid #eee;
46    }
47
48    .cart-item-left{
49        display:flex;
50        gap:12px;
51        align-items:center;
52    }
53
54    .cart-item img{
55        width:55px;
56        height:55px;
57        object-fit:cover;
58        border-radius:6px;
59    }
60
61    .cart-title{
62        font-weight:600;
63        font-size:15px;
64    }
65
66    .cart-price{
67        font-size:14px;
68        color:#777;
69    }
70
71    .cart-remove{
72        background:#ff4d4d;
73        border:none;
74        color:#fff;
75        padding:6px 12px;
76        border-radius:5px;
77        font-size:13px;
78    }
79
80    .cart-remove:hover{
81        background:#e60023;
82    }
83
84    .cart-total{
85        display:flex;
86        justify-content:space-between;
87        font-weight:600;
88        font-size:18px;
89        margin-top:20px;
90    }
91
92    .checkout-btn{
93        width:100%;
94        margin-top:15px;
95        padding:12px;
96        border-radius:8px;
97        font-weight:600;
98    }
99</style>        
100		<style>
101			/* .latestmovie-img-single {
102				width: 100%;
103				height: 350px; 
104				overflow: hidden;
105				border-radius: 8px; 
106			}
107
108			.latestmovie-img-single img {
109				width: 100%;
110				height: 100%;
111				object-fit: cover;   
112				display: block;
113			} */
114			.trailer-img {
115				width: 100%;
116				/* aspect-ratio: 16 / 9; */
117				height: 450px; 
118				overflow: hidden;
119				border-radius:3%;
120			}
121
122			.trailer-img1 {
123				width: 100%;
124				aspect-ratio: 16 / 9;
125				/* height: 450px;  */
126				overflow: hidden;
127			}
128
129			.trailer-img img {
130				width: 100%;
131				height: 100%;
132				object-fit: cover;
133			}
134			.text-justify{
135				text-align: justify;
136			}
137			.merch-img{
138				width:100%;
139				height:250px;
140				object-fit:cover;
141			}
142
143			.merch-card{
144   			 	overflow:hidden;
145				transition: all 0.35s ease;
146				cursor:pointer;
147			}
148
149			.merch-card img{
150				transition: transform 0.4s ease;
151			}
152
153			/* Card Lift */
154			.merch-card:hover{
155				transform: translateY(-10px);
156				box-shadow: 0 15px 35px rgba(255,193,7,0.25);
157			}
158
159			/* Image Zoom */
160			.merch-card:hover img{
161				transform: scale(1.1);
162			}
163
164			/* our projects */
165			.trailer-img {
166				position: relative;
167				display: inline-block;
168			}
169
170			.trailer-img img {
171				width: 100%;
172				display: block;
173			}
174
175			/* Bottom Right Badge */
176			.production-badge {
177				position: absolute;
178				bottom: 10px;
179				right: 10px;
180				background: rgba(0, 0, 0, 0.7);
181				color: #fff;
182				padding: 6px 12px;
183				font-size: 14px;
184				border-radius: 4px;
185				z-index: 5;
186			}
187
188			/* Optional: Play button center */
189			.trailer-img a {
190				position: absolute;
191				top: 50%;
192				left: 50%;
193				transform: translate(-50%, -50%);
194			}
195			.popup-youtube1{
196				font-size:35px;
197			}
198
199			.service-single {
200				background: #eef3f10f; /* light soft green/grey */
201				border-radius: 12px;
202				padding: 25px 20px;
203				transition: 0.3s;
204				height: 100%;
205				text-align: left; /* important */
206			}
207
208			.service-single:hover {
209				transform: translateY(-5px);
210				box-shadow: 0 10px 25px rgba(0,0,0,0.08);
211			}
212
213			/* ICON (optional - subtle) */
214			/* .servce-icon {
215				margin-bottom: 15px;
216			}
217
218			.servce-icon i {
219				font-size: 22px;
220				color: #2c7a7b;
221			} */
222
223			/* TITLE */
224			.service-details h4 {
225				font-size: 16px;
226				font-weight: 600;
227				margin-bottom: 10px;
228			}
229
230			.service-details h4 a {
231				color: #0b3d2e;
232				text-decoration: none;
233				background: #d6e4ff; /* highlight like screenshot */
234				padding: 3px 6px;
235				border-radius: 4px;
236			}
237
238			/* TEXT */
239			.service-details p {
240				font-size: 14px;
241				color: #fff;
242				margin-bottom: 8px;
243				line-height: 1.6;
244			}
245
246			/* REMOVE BIG ICON LOOK */
247			.service-details p i {
248				display: none; /* cleaner like your design */
249			}
250			 h2{
251				font-size:35px
252			 }
253
254			 .service-content{
255				background: #292929b3 none repeat scroll 0 0;
256			 }
257			 .service1-content h3, .service1-content p{
258				color:#ffffff
259			 }
260
261			 
262		</style>
263		<style>
264        /* Main Box */
265        .service1-box {
266            display: flex;
267            align-items: stretch;
268            background: linear-gradient(135deg, #1c1c1c, #111);
269            margin-bottom: 40px;
270            border-radius: 12px;
271            overflow: hidden;
272            transition: 0.3s;
273        }
274
275        .service1-box:hover {
276            transform: translateY(-5px);
277        }
278
279        /* Content */
280        .service1-content {
281            width: 65%;
282            padding: 40px;
283            color: #fff;
284            display: flex;
285            flex-direction: column;
286            justify-content: center;
287        }
288
289        .service1-content h3 {
290            margin-bottom: 15px;
291            font-weight: 600;
292        }
293
294        .service1-content p {
295            color: #ccc;
296            line-height: 1.7;
297        }
298
299        /* Image */
300        .service1-img {
301            width: 30%;
302            display: flex;
303        }
304
305        .service1-img img {
306            width: 100%;
307            height: 100%;
308            object-fit: cover;
309        }
310
311        /* Reverse Layout */
312        .service1-reverse {
313            flex-direction: row-reverse;
314        }
315
316        /* Responsive */
317        @media (max-width: 768px) {
318            .service1-box {
319                flex-direction: column;
320            }
321
322            .service1-content,
323            .service1-img {
324                width: 100%;
325            }
326
327            .service1-img img {
328                height: 250px;
329            }
330        }
331    </style>
332	</head>
333    <body>
334        
335        <!-- Page Wraper Here Start -->
336        <div class="page-wraper default-bg home-four" id="main-home">
337			<!-- Header Area Start -->
338			 <header>
339				<div class="header-menu header header-style-2 mt-40" id="sticky-header">
340					<div class="container-fluid">
341						<div class="row" style="background: #00000082;">
342							<!-- Logo Area Start -->
343							<div class="col col-md-auto">
344								<div class="logo-img">
345									<a href="https://surammovies.com/"><img src="https://surammovies.com/img/logo.png" alt=""></a>
346								</div>
347							</div>
348							<!-- Logo Area End -->
349							<!-- Menu Area Start -->
350							<div class="col d-lg-block d-md-none d-sm-none d-none">
351								<div class="main-menu text-right">
352									<nav>
353										
354<ul class="main-menu">
355
356    <li class="active"><a href="https://surammovies.com/">Home</a></li>
357
358    <li class=""><a href="https://surammovies.com/about-us">About Us</a></li>
359    <li class=""><a href="https://surammovies.com/collobration">Collaboration</a></li>
360    <li class=""><a href="https://surammovies.com/coming-soon">Gallery</a></li>
361    <li class=""><a href="https://surammovies.com/merchandise">Merchandizing</a></li>
362
363</ul>
364									</nav>
365								</div>
366							</div>
367							
368							<div class="col align-self-center d-lg-block d-md-block d-sm-none d-none">
369								<div class="pro-mre-btn text-right">
370									       <!-- <a href="#" data-bs-toggle="offcanvas" data-bs-target="#cartSidebar"><i class="bi bi-cart3"></i></a>
371										   <a href="#">
371 <i class="bi bi-person-circle" data-bs-toggle="dropdown"></i></a>         -->
372									<a href="https://surammovies.com/contact-us">Get In Touch</a>
373								</div>
374							</div>
375						</div>
376					</div>
377					<!-- MOBILE-MENU-AREA START --> 
378					<div class="mobile-menu-area">
379						<div class="container">
380							<div class="row">
381								<div class="col-md-12 col-sm-12">
382									<div class="mobile-area">
383										<div class="mobile-menu">
384											<nav id="mobile-nav">
385												
386<ul class="main-menu">
387
388    <li class="active"><a href="https://surammovies.com/">Home</a></li>
389
390    <li class=""><a href="https://surammovies.com/about-us">About Us</a></li>
391    <li class=""><a href="https://surammovies.com/collobration">Collaboration</a></li>
392    <li class=""><a href="https://surammovies.com/coming-soon">Gallery</a></li>
393    <li class=""><a href="https://surammovies.com/merchandise">Merchandizing</a></li>
394
395</ul>
396											</nav>
397										</div>	
398									</div>
399								</div>
400							</div>
401						</div>
402					</div>
403					<!-- MOBILE-MENU-AREA END  -->
404				</div>
405				<!-- Header Menu Area Start -->
406				<!-- Slider Area Start -->
407				<div class="slider-area actor production">
408					<div class="slider-active-production owl-carousel owl-theme">
409						<!-- Slider Single -->
410						<div class="slider-item js-ripples" style="background-image: url(img/slider/home-two/Grok_00001_.png);">
411							<div class="container-fluid">
412								<div class="row">
413									<div class="slide-content m-0 text-center col-lg-12 col-md-12 col-sm-12">
414										<!-- <h2> Ugraayudham </h2> -->
415										<!-- <ul class="slider-social-production">
416											<li><a href="https://www.youtube.com/@suram.movies">YOUTUBE</a></li>
417											<li><a href="https://www.facebook.com/p/SuramMovies-61555465528417">FACEBOOK</a></li>
418											<li><a href="https://www.instagram.com/suram.movies">INSTAGRAM</a></li>
419										</ul> -->
420										<div class="pro-slide-pop">
421											<!-- <a href="www.youtube.com/watch1e86.html?v=8GEguPTDL78" class="popup-youtube" tabindex="0"><img src="img/home-video/play-arrow.png" alt="">
422											</a> -->
423										</div>
424									</div>
425								</div>
426							</div>
427						</div>
428						<!-- Slider Single -->
429						<!-- Slider Single -->
430						<div class="slider-item js-ripples" style="background-image: url(img/slider/home-two/Grok_00002_.png);">
431							<div class="container-fluid">
432								<div class="row">
433									<div class="slide-content m-0 text-center col-lg-12 col-md-12 col-sm-12">
434										<!-- <h2> Laila's Sweet Dream </h2> -->
435										<!-- <ul class="slider-social-production">
436											<li><a href="https://www.youtube.com/@suram.movies">YOUTUBE</a></li>
437											<li><a href="https://www.facebook.com/p/SuramMovies-61555465528417">FACEBOOK</a></li>
438											<li><a href="https://www.instagram.com/suram.movies">INSTAGRAM</a></li>
439										</ul> -->
440										<div class="pro-slide-pop">
441											<!-- <a href="www.youtube.com/watch1e86.html?v=QAcKtBGG4aw" class="popup-youtube" tabindex="0"><img src="img/home-video/play-arrow.png" alt="">
442											</a> -->
443										</div>
444									</div>
445								</div>
446							</div>
447						</div>
448						<!-- Slider Single -->
449						<div class="slider-item js-ripples" style="background-image: url(img/slider/home-two/Grok_00003_.png);">
450							<div class="container-fluid">
451								<div class="row">
452									<div class="slide-content m-0 text-center col-lg-12 col-md-12 col-sm-12">
453										<!-- <h2> Laila's Sweet Dream </h2> -->
454										<!-- <ul class="slider-social-production">
455											<li><a href="https://www.youtube.com/@suram.movies">YOUTUBE</a></li>
456											<li><a href="https://www.facebook.com/p/SuramMovies-61555465528417">FACEBOOK</a></li>
457											<li><a href="https://www.instagram.com/suram.movies">INSTAGRAM</a></li>
458										</ul> -->
459										<div class="pro-slide-pop">
460											<!-- <a href="www.youtube.com/watch1e86.html?v=QAcKtBGG4aw" class="popup-youtube" tabindex="0"><img src="img/home-video/play-arrow.png" alt="">
461											</a> -->
462										</div>
463									</div>
464								</div>
465							</div>
466						</div>
467					</div>
468				</div>
469			</header>
470			<!-- Header Area End -->
471			<!-- Page Content Start -->
472			<div class="page-content production-black">
473				<!-- About Us Area Start -->
474				<section class="aboutus-area-actor black-dark-bg ptb-90">
475					<div class="container">
476						<div class="row align-items-center">
477							<div class="col-lg-5 col-md-12 col-sm-12">
478								<div class="about-actor-left">
479									<h3 style="font-size: 35px;">Driven By <span>Vision </span>. Defined by <span>Craft</span></h3>
480									
481									<div class="text mt-20">
482										<p>
483											Suram Movies is a production house driven by a vision of experience, discipline, and belief. Founded and guided by Jayaram Devasamudra, a Chartered Accountant with over three decades of corporate leadership, the company brings a unique blend of clarity, professionalism, and scale to the world of cinema.
484										</p>
485										<p>
486											At the heart of our operations is a commitment to cinema driven by purpose. We believe that stories have the power to connect cultures and transcend regional limits. By focusing on consistency, professional scale, and a deep respect for the craft, we are dedicated to shaping the future of entertainment through narratives that are as meaningful as they are engaging.
487										</p>
488									</div>
489									<div class="button-rectangle pt-25">
490										<a href="https://surammovies.com/about-us">About More</a>
491										<a href="https://www.facebook.com/p/SuramMovies-61555465528417"><i class="icofont icofont-facebook"></i></a>
492										<a href="https://www.instagram.com/suram.movies"><i class="icofont icofont-instagram"></i></a>
493										<a href="https://www.youtube.com/@suram.movies"><i class="icofont icofont-youtube"></i></a>
494									</div>
495								</div>
496							</div>
497							<div class="col-lg-7 col-md-12 col-sm-12">
498								<div class="actor-about-image text-center">
499									<img src="img/home-pro/about/1.png" alt="">
500								</div>
501							</div>
502						</div>
503					</div>
504				</section>
505				<!-- About Us Area End -->
506				
507				<!-- Upcoming Movies Area Strat -->
508				<section class="tailer-area pt-90 pb-80 indicator-style">
509					<div class="container">
510						<div class="row">
511							<!-- Section Titel -->
512							<div class="col-md-12">
513								<div class="section-titel text-right">
514									<h2>Our Projects</h2>
515									<p>Every project we create is a blend of imagination and craftsmanship — conceived with ambition, governed with discipline, and delivered with the conviction that great cinema is never an accident. </p>
516									<p><strong style="color:#e2a750">Behind every frame is a decision made deliberately, a detail attended to carefully, and a standard upheld without compromise — because the audience deserves nothing less. </strong></p>
517								</div>
518							</div>
519							<!-- Section Titel -->
520						</div>
521						<!-- Trailer Single Item Area Start -->
522						<div class="main-section">
523							<div class="tailer-active owl-carousel owl-theme">
524																<!-- Single Item -->
525								<div class="trailer-single">
526									<div class="trailer-img">
527										<img src="img/suram/movie2.jpg" alt="">
528										<!-- <span class="production-badge">Upcoming</span> -->
529										<!-- 										<a href="www.youtube.com/watch1e86.html?v=8GEguPTDL78" class="popup-youtube">
530											<i class="icofont icofont-play-alt-2"></i>
531										</a>
532										 -->
533									</div>
534									<div class="trailer-titel">
535										<h5><a href="movie-details.php?1">Ugraayudham</a>  
536											<span> Upcoming</span>
537										</h5>
538									</div>
539								</div>
540								<!-- Single Item -->
541																<!-- Single Item -->
542								<div class="trailer-single">
543									<div class="trailer-img">
544										<img src="img/suram/movie1.jpg" alt="">
545										<!-- <span class="production-badge">Upcoming</span> -->
546										<!-- 										<a href="www.youtube.com/watch1e86.html?v=QAcKtBGG4aw" class="popup-youtube">
547											<i class="icofont icofont-play-alt-2"></i>
548										</a>
549										 -->
550									</div>
551									<div class="trailer-titel">
552										<h5>
552<a href="movie-details.php?2">Laila&#039;s Sweet Dream</a>  
553											<span> Upcoming</span>
554										</h5>
555									</div>
556								</div>
557								<!-- Single Item -->
558																<!-- Single Item -->
559								<div class="trailer-single">
560									<div class="trailer-img">
561										<img src="img/suram/movie3.jpg" alt="">
562										<!-- <span class="production-badge">Upcoming</span> -->
563										<!-- 										<a href="www.youtube.com/watch1e86.html?v=pJXkd73ZWfw" class="popup-youtube">
564											<i class="icofont icofont-play-alt-2"></i>
565										</a>
566										 -->
567									</div>
568									<div class="trailer-titel">
569										<h5><a href="movie-details.php?4">Nee Nange Allava
570</a>  
571											<span> Upcoming</span>
572										</h5>
573									</div>
574								</div>
575								<!-- Single Item -->
576																<!-- Single Item -->
577								<div class="trailer-single">
578									<div class="trailer-img">
579										<img src="img/suram/movie4.jpg" alt="">
580										<!-- <span class="production-badge">2025</span> -->
581										<!-- 										<a href="www.youtube.com/watch1e86.html?v=pJXkd73ZWfw" class="popup-youtube">
582											<i class="icofont icofont-play-alt-2"></i>
583										</a>
584										 -->
585									</div>
586									<div class="trailer-titel">
587										<h5><a href="movie-details.php?3">Nidra Devi Nex Door</a>  
588											<span> 2025</span>
589										</h5>
590									</div>
591								</div>
592								<!-- Single Item -->
593															</div>
594						</div>
595						<!-- Trailer Single Item Area End -->
596					</div>
597				</section>
598
599				<section class="tailer-area pt-90 black-dark-bg pb-100 indicator-style-two">
600					<div class="container">
601						<div class="row">
602							<!-- Section Titel -->
603							<div class="col-md-12">
604								<div class="section-titel text-left ">
605									<h2>Suram Movies Media</h2>
606									<p>
607										Catch a glimpse of our newest releases and upcoming stories through our latest media. 
608									</p>
609									<p><strong style="color:#e2a750">Every frame you see here is a promise of the experience waiting for you on the big screen — a world built with care, lit with intention, and brought to life with the full force of our craft.</strong></p>
610								</div>
611							</div>
612							<!-- Section Titel -->
613						</div>
614						<!-- Trailer Single Item Area Start -->
615						<div class="main-section">
616							<div class="tailer-active-two owl-carousel owl-theme">
617																<!-- Single Item -->
618								<div class="trailer-single">
619									<div class="trailer-img1">
620										<img src="img/suram/trailer/02.jpg" alt="">
621										<span class="production-badge">In-Production</span>
622																				<a href="www.youtube.com/watch1e86.html?v=8GEguPTDL78" class="popup-youtube popup-youtube1">
623											<i class="icofont icofont-play-alt-2"></i>
624										</a>
625																			</div>
626									<div class="trailer-titel">
627										<!-- <h5><a href="movie-details.php?1">Ugraayudham</a>  </h5> -->
628									</div>
629								</div>
630								<!-- Single Item -->
631																<!-- Single Item -->
632								<div class="trailer-single">
633									<div class="trailer-img1">
634										<img src="img/suram/trailer/03.jpg" alt="">
635										<span class="production-badge">In-Production</span>
636																				<a href="www.youtube.com/watch1e86.html?v=QAcKtBGG4aw" class="popup-youtube popup-youtube1">
637											<i class="icofont icofont-play-alt-2"></i>
638										</a>
639																			</div>
640									<div class="trailer-titel">
641										<!-- <h5><a href="movie-details.php?2">Laila&#039;s Sweet Dream</a>  </h5> -->
642									</div>
643								</div>
644								<!-- Single Item -->
645																<!-- Single Item -->
646								<div class="trailer-single">
647									<div class="trailer-img1">
648										<img src="img/suram/trailer/04.jpg" alt="">
649										<span class="production-badge">In-Production</span>
650																				<a href="www.youtube.com/watch1e86.html?v=8qb5HrVr4Fc" class="popup-youtube popup-youtube1">
651											<i class="icofont icofont-play-alt-2"></i>
652										</a>
653																			</div>
654									<div class="trailer-titel">
655										<!-- <h5>
655<a href="movie-details.php?3">Nee Nange Allava
656</a>  </h5> -->
657									</div>
658								</div>
659								<!-- Single Item -->
660																<!-- Single Item -->
661								<div class="trailer-single">
662									<div class="trailer-img1">
663										<img src="img/suram/trailer/01.jpg" alt="">
664										<span class="production-badge">Released</span>
665																				<a href="www.youtube.com/watch1e86.html?v=pJXkd73ZWfw" class="popup-youtube popup-youtube1">
666											<i class="icofont icofont-play-alt-2"></i>
667										</a>
668																			</div>
669									<div class="trailer-titel">
670										<!-- <h5><a href="movie-details.php?4">Nidra Devi Nex Door</a>  </h5> -->
671									</div>
672								</div>
673								<!-- Single Item -->
674															</div>
675						</div>
676						<!-- Trailer Single Item Area End -->
677					</div>
678				</section>
679				<!-- Upcomung Movies Area End -->
680				<section class="service-area pt-90 pb-100  bg-overlay-1 indicator-style">
681					<div class="container">
682						
683						 <div class="row">
684							<!-- Section Titel -->
685							<div class="col-md-12">
686								<div class="section-titel-img two text-center mb-45">
687									<h2>Our Collaborative Ecosystem   </h2>									
688									<p>
689										We pride ourselves on being a magnet for the best creative minds in the business and a trusted, professionally governed partner for industry leaders. At Suram Movies, we have built an ecosystem where <strong style="color:#e2a750">great talent, smart capital, and purposeful storytelling converge</strong> — and where everyone who walks through our doors leaves with more than they came with.
690									</p>
691								</div>
692							</div>
693							<!-- Section Titel -->
694						</div>
695						<div class="container py-5">
696
697							<!-- FOR TECHNICIANS -->
698							<div class="service1-box">
699								<div class="service1-img">
700									<img src="img/service/02.jpg" alt="">
701								</div>
702
703								<div class="service1-content">
704									<h3>For Technicians</h3>
705									<p>
706										The film industry runs on the backs of its technicians — directors, cinematographers, editors, sound designers, and the countless creative professionals who transform a script into a <strong style="color:#e2a750">living, breathing world</strong>. At Suram Movies, we understand that the best work happens when creative professionals are <strong style="color:#e2a750">trusted, supported, and given the freedom to take risks</strong>.
707									</p>
708									<p>
709										We serve as a <strong style="color:#e2a750">launchpad — not just a production house</strong>. When you work with Suram, you are not simply fulfilling a brief; you are <strong style="color:#e2a750">building a body of work</strong>. We create space for visionary directors and technicians to bring their boldest ideas to life, backed by the <strong style="color:#e2a750">financial discipline and operational rigour</strong> that most independent productions cannot offer.
710									</p>
711									<p>
712										We believe that great technicians should not have to choose between <strong style="color:#e2a750">creative freedom and professional credibility</strong>. At Suram, you get both.
713									</p>
714								</div>
715							</div>
716
717							<!-- FOR PARTNERS -->
718							<div class="service1-box service1-reverse">
719								<div class="service1-img">
720									<img src="img/service/01.jpg" alt="">
721								</div>
722
723								<div class="service1-content">
724									<h3>For Partners</h3>
725									<p>
726										In an industry where uncertainty is the norm, Suram Movies is built on a different premise — that <strong style="color:#e2a750">professional governance and creative ambition are not opposites, but partners</strong>. Founded by a Chartered Accountant with over three decades of corporate leadership, we believe the business of cinema deserves the <strong style="color:#e2a750">same rigour as any other serious enterprise</strong>.
727									</p>
728									<p>
729										For our collaborators, this translates into something rare: <strong style="color:#e2a750">predictability</strong>. We build trust through a consistent stream of <strong style="color:#e2a750">commercially viable content</strong> that is thoughtfully conceived, properly budgeted, and professionally managed from pre-production through to distribution — <strong style="color:#e2a750">strategically mitigating risk</strong> without ever playing it safe creatively.
730									</p>
731									<p>Established stars and industry leaders choose to work with us because they trust the <strong style="color:#e2a750">structure, discipline, and accountability</strong> we bring to every project. When you partner with Suram Movies, you are working with a team that <strong style="color:#e2a750">respects your investment, honours its commitments, and delivers</strong>.</p>
732								</div>
733							</div>
734
735							<!-- FOR AUDIENCE -->
736							<div class="service1-box">
737								<div class="service1-img">
738									<img src="img/service/03.jpg" alt="">
739								</div>
740
741								<div class="service1-content">
742									<h3>For the Audience</h3>
743									<p>
744										Every decision we make at Suram Movies ultimately comes back to one question: <strong style="color:#e2a750">will this resonate with the person sitting in that seat?</strong>
745									</p>
746									<p>
747										We do not believe that artistic merit and mass appeal are in conflict. The greatest cinema has always managed to be both — 
747<strong style="color:#e2a750">deeply meaningful and wildly entertaining</strong>. Our goal is to create content that does not just fill screens, but <strong style="color:#e2a750">fills the room with feeling</strong> — stories that cut across languages, cultures, and generations to find the <strong style="color:#e2a750">universal human truth</strong> at their core.
748									</p>
749									<p>
750										We create for every viewer — the one who comes to be moved, the one who comes to be thrilled, and the one who simply wants two <strong style="color:#e2a750">hours away from the world</strong>. When the content is king, the audience always follows. And at Suram Movies, <strong style="color:#e2a750">the content is always king</strong>.
751									</p>
752								</div>
753							</div>
754
755						</div>
756
757						<!-- Service Single Item Area End -->
758					</div>
759				</section>
760
761				<section class="py-5 black-dark-bg text-white">
762					<div class="container">
763
764						<!-- Section Title -->
765						<div class="text-center mb-5">
766						<h2 class="fw-bold text-uppercase text-white">Merchandise</h2>
767						<p class="text-gray">Exclusive collectibles from Suram Movies</p>
768						</div>
769
770						<div class="row g-4">
771
772						<!-- Item 1 -->
773						<div class="col-md-3 col-sm-6">
774							<div class="card merch-card bg-dark text-white border-0 h-100">
775							<img src="img/merch/lsd-mug.png" class="card-img-top merch-img" alt="">
776							<div class="card-body text-center">
777								<h6 class="card-title">Coffee Mug</h6>
778								<p class="text-warning fw-bold">₹399</p>
779							</div>
780							</div>
781						</div>
782
783						<!-- Item 2 -->
784						<div class="col-md-3 col-sm-6">
785							<div class="card merch-card bg-dark text-white border-0 h-100">
786							<img src="img/merch/nna-mug.png" class="card-img-top merch-img" alt="">
787							<div class="card-body text-center">
788								<h6 class="card-title">Coffee Mug</h6>
789								<p class="text-warning fw-bold">₹399</p>
790							</div>
791							</div>
792						</div>
793
794						<!-- Item 3 -->
795						<div class="col-md-3 col-sm-6">
796							<div class="card merch-card bg-dark text-white border-0 h-100">
797							<img src="img/merch/lsd-tshirt.jpeg" class="card-img-top merch-img" alt="">
798							<div class="card-body text-center">
799								<h6 class="card-title">Movie T-Shirt</h6>
800								<p class="text-warning fw-bold">₹299</p>
801							</div>
802							</div>
803						</div>
804
805						<!-- Item 4 -->
806						<div class="col-md-3 col-sm-6">
807							<div class="card merch-card bg-dark text-white border-0 h-100">
808							<img src="img/merch/nna-tshirt.png" class="card-img-top merch-img" alt="">
809							<div class="card-body text-center">
810								<h6 class="card-title">Movie T-Shirt</h6>
811								<p class="text-warning fw-bold">₹299</p>
812							</div>
813							</div>
814						</div>
815
816						</div>
817
818						<!-- Explore Button -->
819						<div class="text-center mt-5">
820						<a href="https://surammovies.com/merchandise" class="btn btn-warning px-4 py-2 fw-bold">
821							Explore All
822						</a>
823						</div>
824
825					</div>
826				</section>
827
828				
829							</div>
830			<!-- Page Content End -->
831			<!-- Footer Area Start -->
832			 <footer class="bg-5 bg-overlay-2">
833    <!-- Footer Top Area Start -->
834    <div class="footer-top ptb-90">
835        <div class="container">
836            <div class="row">
837                <!-- Footer Single Item -->
838                <div class="col-lg-3 col-md-6 col-sm-12">
839                    <div class="footer-single">
840                        <h5>STAY WITH US</h5>
841                        <div class="stay-with-content">
842                            <p>It is a long established fact that a good reader on will be distracted by the by readable content of a page when looking at its layout. </p>                            
843                        </div>
844                    </div>
845                </div>
846                <!-- Footer Single Item -->
847                <!-- Footer Single Item -->
848                <div class="col-lg-3 col-md-6 col-sm-12">
849                    <div class="footer-single">
850                        <h5>SERVICES</h5>
851                        <div class="footer-menu">
852                            <ul>
853                                <li><a href="#">
853For Technicians</a></li>
854                                <li><a href="#">For Partners</a></li>
855                                <li><a href="#">For the Audience</a></li>                                
856                            </ul>
857                        </div>
858                    </div>
859                </div>
860                <!-- Footer Single Item -->
861                <!-- Footer Single Item -->
862                <div class="col-lg-3 col-md-6 col-sm-12">
863                    <div class="footer-single">
864                        <h5>IMPORTANT LINK</h5>
865                        <div class="footer-menu">
866                            <ul>
867                                <li><a href="#">About Us</a></li>
868                                <li><a href="#">Contact Us</a></li>
869                                <li><a href="#">Merchandizing</a></li>
870                                <li><a href="#">Privacy Policy</a></li>
871                                <li><a href="#">Terms & Condition</a></li>                                
872                            </ul>
873                        </div>
874                    </div>
875                </div>
876                <!-- Footer Single Item -->
877                <!-- Footer Single Item -->
878                <div class="col-lg-3 col-md-6 col-sm-12">
879                    <div class="footer-single">
880                        <h5>QUICK CONTACT</h5>
881                        <div class="contact-info">
882                            <ul>
883                                <li>
884                                    <p>Address: 2nd Floor, Akshaya Tower, HMT Layout, RT Nagar KA - 560032</p>
885                                </li>
886                                <li>
887                                    <p>Phone:  +91 (80) 2333 3000</p>
888                                </li>
889                                <li>
890                                    <p>E-mail: [email protected]</p>
891                                </li>
892                            </ul>
893                        </div>
894                    </div>
895                </div>
896                <!-- Footer Single Item -->
897            </div>
898        </div>
899    </div>
900    <!-- Footer Top Area End -->
901    <!-- Footer Bottom Area Start -->
902    <div class="container">
903        <div class="row">
904            <div class="col-md-12">
905                <div class="footer-bottom">
906                    <div class="footer-left">
907                        <p>© 2026 <b class="text-white">Suram Movies.</b> Made with <i class="fa fa-heart text-danger"></i> by <a href="https://proteam.co.in"><b>Pro-TEAM Solutions Pvt. Ltd.</b></a></p>
908                    </div>
909                    <div class="footer-right-social f-right">
910                        <ul>
911                            <li><a href="https://www.facebook.com/p/SuramMovies-61555465528417"><i class="icofont icofont-facebook"></i></a></li>
912                            <li><a href="https://www.instagram.com/suram.movies"><i class="icofont icofont-instagram"></i></a></li>
913                            <li><a href="https://www.youtube.com/@suram.movies"><i class="icofont icofont-youtube"></i></a></li>
914                        </ul>
915                    </div>
916                </div>
917            </div>
918        </div>
919    </div>
920    <!-- Footer Bottom Area End -->
921</footer>
922<div class="offcanvas offcanvas-end" tabindex="-1" id="cartSidebar">
923
924    <div class="offcanvas-header">
925        <h5 class="offcanvas-title">Shopping Cart</h5>
926        <button type="button" class="btn-close" data-bs-dismiss="offcanvas"></button>
927    </div>
928
929    <div class="offcanvas-body">
930
931        <!-- ITEM 1 -->
932        <div class="cart-item">
933
934            <div class="cart-item-left">
935                <img src="img/merch/03.jpg">
936
937                <div>
938                    <div class="cart-title">T-Shirt</div>
939                    <div class="cart-price">₹999</div>
940                </div>
941            </div>
942
943            <button class="cart-remove"> <i class="bi bi-trash"></i></button>
944
945        </div>
946
947        <!-- ITEM 2 -->
948        <div class="cart-item">
949
950            <div class="cart-item-left">
951                <img src="img/merch/01.jpg">
952
953                <div>
954                    <div class="cart-title">Coffee Mug</div>
955                    <div class="cart-price">₹499</div>
956                </div>
957            </div>
958
959            <button class="cart-remove"> <i class="bi bi-trash"></i></button>
960
961        </div>
962
963        <div class="cart-total">
964            <span>Total</span>
965            <span>₹1498</span>
966        </div>
967
968        <a href="https://surammovies.com/checkout" class="btn btn-dark checkout-btn">
969            Checkout
970        </a>
971
972    </div>
973
974</div>			<!-- Footer Area End -->
975		</div>
976       	<!-- Page Wraper Here Start -->
977       
978		<!-- all js here -->
979		
979<script src="https://surammovies.com/js/vendor/jquery-3.6.0.min.js"></script>
vendor: 2 bytes, line 979
979
980<script src="https://surammovies.com/js/vendor/jquery-migrate-3.3.2.min.js"></script>
vendor: 2 bytes, line 980
980
981<script src="https://surammovies.com/js/popper.js"></script>
vendor: 2 bytes, line 981
981
982<script src="https://surammovies.com/js/bootstrap.min.js"></script>
vendor: 2 bytes, line 982
982
983<script src="https://surammovies.com/js/jquery.ajaxchimp.min.js"></script>
vendor: 2 bytes, line 983
983
984<script src="https://surammovies.com/js/plugins.js"></script>
vendor: 2 bytes, line 984
984
985<script src="https://surammovies.com/js/main.js"></script>
985
986
987<!-- Revolution Slider JS -->
988<script src="https://surammovies.com/assets/revolution/js/jquery.themepunch.revolution.min.js"></script>
vendor: 2 bytes, line 988
988
989<script src="https://surammovies.com/assets/revolution/js/jquery.themepunch.tools.min.js"></script>
vendor: 2 bytes, line 989
989
990<script src="https://surammovies.com/assets/revolution/revolution-active.js"></script>
990
991
992<script type="text/javascript" src="https://surammovies.com/assets/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
vendor: 2 bytes, line 992
992
993<script type="text/javascript" src="https://surammovies.com/assets/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
vendor: 2 bytes, line 993
993
994<script type="text/javascript" src="https://surammovies.com/assets/revolution/js/extensions/revolution.extension.actions.min.js"></script>
vendor: 2 bytes, line 994
994
995<script type="text/javascript" src="https://surammovies.com/assets/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
vendor: 2 bytes, line 995
995
996<script type="text/javascript" src="https://surammovies.com/assets/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
vendor: 2 bytes, line 996
996
997<script type="text/javascript" src="https://surammovies.com/assets/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
997    </body>
998</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.