{#
/**
 * @file
 * Default theme implementation to display a single page.
 *
 * The doctype, html, head and body tags are not in this template. Instead they
 * can be found in the html.html.twig template in this directory.
 *
 * Available variables:
 *
 * General utility variables:
 * - base_path: The base URL path of the Drupal installation. Will usually be
 *   "/" unless you have installed Drupal in a sub-directory.
 * - is_front: A flag indicating if the current page is the front page.
 * - logged_in: A flag indicating if the user is registered and signed in.
 * - is_admin: A flag indicating if the user has permission to access
 *   administration pages.
 *
 * Site identity:
 * - front_page: The URL of the front page. Use this instead of base_path when
 *   linking to the front page. This includes the language domain or prefix.
 *
 * Page content (in order of occurrence in the default page.html.twig):
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the main title tag that appears in the template.
 * - title: The page title, for use in the actual content.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the main title tag that appears in the template.
 * - messages: Status and error messages. Should be displayed prominently.
 * - tabs: Tabs linking to any sub-pages beneath the current page (e.g., the
 *   view and edit tabs when displaying a node).
 * - node: Fully loaded node, if there is an automatically-loaded node
 *   associated with the page and the node ID is the second argument in the
 *   page's path (e.g. node/12345 and node/12345/revisions, but not
 *   comment/reply/12345).
 *
 * Regions:
 * - page.header: Items for the header region.
 * - page.navigation: Items for the navigation region.
 * - page.navigation_collapsible: Items for the navigation (collapsible) region.
 * - page.highlighted: Items for the highlighted content region.
 * - page.help: Dynamic help text, mostly for admin pages.
 * - page.content: The main content of the current page.
 * - page.sidebar_first: Items for the first sidebar.
 * - page.sidebar_second: Items for the second sidebar.
 * - page.footer: Items for the footer region.
 *
 * @ingroup templates
 *
 * @see template_preprocess_page()
 * @see html.html.twig
 */
#}

<style>
            .banner-area{min-height: 280px}
            .about-content{margin-top: 24px}
            .slick-dots{bottom: -48px}
            .svm-item{background: #fff; margin-bottom: 20px}
            .svm-item .svm-icon{width: 200px; height:200px; text-align: center; background: #eee; display: inline-block; line-height: 200px; float: left }
            .svm-item .svm-icon img{height: 80px}
            .svm-item .svm-detail{width: calc(100% - 200px); padding:25px; margin-left: 200px; padding-top: 5px; padding-bottom: 5px;}
            .svm-item .svm-detail h4 {
                margin-bottom: 15px;
                font-size: 20px;
                font-weight: bold;
                text-decoration: underline;
                text-decoration-color: #337ab7;
            }
            .imgview .img{height: 200px}
            .imgview {position: relative; display: inline-block}
            .imgview .lens{position: absolute; bottom: 0; right:0; background: rgba(0,0,0,0.4); padding: 15px}
            
        </style>

				
{% set container = theme.settings.fluid_container ? 'container-fluid' : 'container' %}
{# Navbar #}

{% include directory ~ '/templates/header.html.twig' %}

{% include directory ~ '/templates/header2.html.twig' %}

<!--######## start banner Area 2021########-->
<section class="blog-banner-area relative" id="home" style="background-image:url('{{ file_url(node.field_header_image.entity.fileuri)'}})">
		<div class="overlay overlay-bg"></div>
		<div class="container">
                    <div class="row  text-center d-flex align-items-center justify-content-center" style="height:400px">
				<div class="banner-content col-lg-9 col-md-12">
					<h1 class="text-uppercase">
					{{ node.title.value }} 
					</h1>
					<p class="text-white">सही बीमा के बारे में जाने  </p>
					
				</div>
			</div>
		</div>
	</section>
	<!--######## End banner Area ########-->





<!--######## Start post-content Area ########-->
<section class="post-content-area">
		<div class="container">
                    <br>
			<div class="row">
				<div class="col-lg-8 posts-list">
					<div class="single-post row">
						
						<div class="col-lg-12 col-md-12 ">
							
							<a class="posts-title" href="blog-single.html"><h3 style="color:#3face4; font-weight: bold">हमारे बारे में </h3></a>
                                                       
                                                    
                                                        <br>
                                                        {{ node.body.value | raw}} 
							
						</div>
					</div>
                                    
																		{% for key,value in node.field_below_text_images %}
																		<a href="{{ file_url(node.field_below_text_images[key].entity.uri.value) }}" class="imgview"><img class="img" src="{{ file_url(node.field_below_text_images[key].entity.uri.value) }}"/><img src="/themes/sahibeema/img/lens.png" class="lens"/></a>
																				
																		{% endfor %}


																	
                                    
				</div>
				<div class="col-lg-4 sidebar-widgets">
					<div class="widget-wrap">
						<div class="single-sidebar-widget popular-post-widget">
							<h4 class="popular-title">कुछ पिक्चर्स </h4>
							<div class="popular-post-list row">

							{% for key,value in node.field_right_side_images %}
							

<div class=" col-6 align-items-center">
									<div class="thumb">
										<img class="img-fluid" src="{{ file_url(node.field_right_side_images[key].entity.uri.value) }}" alt="" style="width: 100%; margin-bottom: 20px">
									</div>
									
								</div>



							{% endfor %}


							
								
							</div>
						</div>
						
                                            <div class="single-sidebar-widget ads-widget">
                                                {{ drupal_view('right_side_ads', 'block_1') }}
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--######## End post-content Area ########-->

{% if node.field_show_mission_boxes.value == 1 %}

	<section class="section-svm" style="background: #f3f3f8; padding: 40px 0">
            <div class="container">
                <div class="row">
                    <div class="svm-item">
                        <div class="svm-icon" style="background: #0f9bf4">
                            <img src="{{ file_url(node.field_humari_story_icon.entity.fileuri) }}"/>
                        </div>
                        <div class="svm-detail" id="story">
                            <h4>हमारी स्टोरी </h4>
                            {{ node.field_humar.value | raw}}
                           
                        </div>
                    </div>
                    <div class="svm-item">
                        <div class="svm-icon" style="background: #f4d10f">
                            <img src="{{ file_url(node.field_vision_icon.entity.fileuri) }}"/>
                        </div>
                        <div class="svm-detail" id="vision">
                            <h4>विज़न  </h4>
                            {{ node.field_vis.value | raw}}
                        </div>
                    </div>
                    <div class="svm-item">
                        <div class="svm-icon" style="background: #51cd1b">
                            <img src="{{ file_url(node.field_vision_icon.entity.fileuri) }}"/>
                        </div>
                        <div class="svm-detail" id="mission">
                            <h4>मिशन </h4>
                            {{ node.field_mission_text.value | raw}}
                        </div>
                    </div>
                </div>
            </div>
        </section>
  {% endif %}


{% include directory ~ '/templates/footer.html.twig' %}

<script>
            $(document).ready(function(){
               var h = $('.svm-detail').css('height');
               
               var num1, num2, num3;
		num1 = Number(document.getElementById("story").value);
		num2 = Number(document.getElementById("vision").value);
		num3 = Number(document.getElementById("mission").value);

		if(num1>num2 && num1>num3)
		{
//			window.alert(num1+"-is greatest");
                        var h = $('#stroy').css('height');
		}
		else if(num2>num1 && num2>num3)
		{
//			window.alert(num2+"-is greatst");
                        var h = $('#vision').css('height');
		}
		else if(num3>num1 && num3>num1)
		{
//			window.alert(num3+"is greatest");
                        var h = $('#mission').css('height');
		}
               
               h = parseInt(h) + 50;
               $('.svm-icon').css('height', h);
               h = h + 'px';
               $('.svm-icon').css('line-height', h);
            });
        </script>