/* @import url('http://example.com/example_style.css'); */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

:root{
	--open-sans: "Open Sans", serif;
}  
/* 
html{     -webkit-overflow-scrolling: inherit !important;
scroll-behavior: inherit !important; }
*/

/* .sticky-header.opacity.sticky-true { background: rgba(0, 27, 77, 1.0);} */
span.color { color: #FFCC00 !important;}

/* hero_section */
/* .hero_section {padding: 176px 0 0;} */
.video_cover {background: #0F2D7A;}
.video { margin-left: auto;}
/* .hs-video-container { min-height: 500px !important;} */
#hs_cos_wrapper_language_switcher {display: none;}
.hero_section{ padding-top:0; background:#112D7B; }


/*blog_section  */

.blog_title a {text-decoration: none;}
.blog_right {  width: 70%;} 
.blog_left { width: 30%; padding-right:60px;}
.blog_main {   display: flex; flex-wrap: wrap;  padding: 115px 0 66px;}  
/* .blog_row { display: flex; flex-wrap: wrap;  } */
/* .blog_left_box { width: 30%; } */
.blog_right_box { /*width: 70%;*/ background: #fff;  /*border-top: 10px solid#ffcc01;*/ display: grid; gap: 60px; }
.right_box_cover { display: flex; flex-wrap: wrap; box-shadow: 0px 4px 10px 0px #00000040; }
.right_blog_box { width: 30%; }
.left_blog_box { width: 70%; }
.left_blog_cover { padding: 35px 50px 50px; }
.blog_sub_title h6 a{ text-decoration: none; color: #444444; font-size: 14px; line-height: 19px;     text-transform: uppercase; font-weight: 600; font-family: var(--open-sans); }
.blog_sub_title h6 {margin: 0; }
.blog_title h4 { font-size: 28px; color: #0F2D7A; line-height: 38px; font-weight: 600; font-family: var(--open-sans); }
.blog_content { font-size: 14px; line-height: 21px; color: #444444; font-weight: 400; font-family: var(--open-sans); }
.blog_title { padding: 5px 0 10px; }
.blog_box_row { gap:20px 0; display: flex; flex-wrap: wrap; align-items: center; padding-top: 60px; }
.blog_button a { background: #FFCC01; padding: 10px; font-size: 16px; line-height: 21px; font-weight: 700; color: #fff; display: inline-block; font-family: var(--open-sans); width: 100%; text-align: center; transition: all 0.4s ease }
.blog_button:hover a { background: #034b9c; text-decoration: none; }
.blog_social_icon ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: end; align-items: center; gap: 20px; text-decoration: none; }
.blog_social_icon ul li { cursor: pointer; list-style: none; width: 40px; height: 40px; transition: all 0.4s ease; background: #1977F2; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.blog_social_icon ul li:nth-child(2) { background: #444444; }
.blog_social_icon ul li:nth-child(3) { background: #0B66C2; }
.blog_social_icon ul li a { display: flex; flex-wrap: wrap; justify-content: center; }
/* .blog_social_icon ul li a img {transform: translateY(0px); transition: all 0.4s ease;} */
/* .blog_social_icon ul li:hover a img {transform: translateY(5px);} */
.blog_social_icon ul li:hover {
	transform: translateY(-3px);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.blog_social_icon ul li:hover {  background: #001b4d;}
.blog_button { width: 36%; }
.right_img { height: 100%;}
.right_img a { height: 100%;display: inline-block;}
.right_img a img {display: block;width: 100%;object-fit: cover;height: 100%;}
.blog_social_icon { width: 64%; }

.blog_right_cover { box-shadow: 0px -10px 0px 0px #FFCC01; }
.blog_right_cover:nth-child(even) { box-shadow: 0px -10px 0px 0px #0F2D7A; }
.blog_right_cover:nth-child(even) .right_box_cover { flex-direction: row-reverse; }



.blog_left h3 { color: #0F2D7A; font-weight: 700; font-size: 16px; line-height: 21px; font-family: var(--open-sans); text-transform: uppercase; }
.blog_left input.hs-search-field__input,.blog-search-bar input[type="text"] { font-family: var(--open-sans);  position: relative; background: transparent; border: 1px solid #D9D9D9; outline: none; padding: 16px 50px 10px 15px; font-size: 16px; color: rgba(0, 0, 0, 0.6); li':2'; line-height: 21px; font-weight: 400; text-transform: uppercase; }
.blog-search-bar input[type="text"]{ width:100%; }

.blog-search-bar{ position:relative; }
.submit_res input { border: 1px solid #D9D9D9;  position: absolute;   right: -1px;  top: -1px;  left: auto;  background: #0F2D7A; height: 51px;  width: 50px;   background-image: url(https://www.crownbattery.com/hubfs/serach.svg);  background-position: center; background-repeat: no-repeat;}
span.pipe {  color: #FDCA00;  vertical-align: middle;  display: inline-block;  position: relative;  top: -3px;}


.blog_left .hs-search-field { border: 1px solid #D9D9D9; outline: none; }
.blog_left button { padding: 0; background: #0F2D7A; outline: none; border: none; position: absolute; top: 0; right: 0; width: 48px; height: 49px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.blog_left button svg { width: 21px !important; height: 23px !important; display: block; }
.widget-module ul { margin: 0; padding: 0;  outline: none;    border: 1px solid #D9D9D9; }
.widget-module ul li { list-style: none; }
/* .blog_left .block { padding-top: 40px; } */
.widget-module ul li a { text-decoration: none; font-weight: 400;  font-size: 16px; line-height: 21px; color: #034b9c; font-family: var(--open-sans); }
.widget-module { display: none;}
.widget-module ul li {padding: 9px 18px;transition: all 0.4s ease;}
.widget-module ul li:nth-child(odd) {	background: transparent;}
.widget-module ul li:nth-child(even) {	background: #e7e7e7;}
.widget-module ul li:hover {background: #001b4d;}
.widget-module ul li:hover a {	color: #fff;}

.block h3 { border: 1px solid #D9D9D9; padding: 16px 50px 10px 15px; position: relative;}
.block:before { border: 1px solid #D9D9D9;content: ""; position: absolute;  top: 0px; right: 0;  background: #0F2D7A;  width: 49px;  height: 49px;  background-image: url(https://www.crownbattery.com/hubfs/Vector%2017.png);  background-position: center; background-repeat: no-repeat;}
.block {  position: relative;}
.blog_left .blog_post {  padding: 50px 0 0;}
.blog_left .block h3 {  cursor: pointer; color: #00000099;  font-size: 16px; line-height: 21px;  font-weight: 400;font-family: var(--open-sans);}
.blog_left .blog_categories {  padding: 50px 0 0;}

nav.hs-pagination { padding-top: 66px;}
a.hs-pagination__link.hs-pagination__link--number { color: #024B9C; font-weight: 600;}
span.hs-pagination__link-text.hs-pagination__show-for-sr--mobile {  color: #000000;}
span.hs-pagination__link-text.hs-pagination__show-for-sr--mobile { color: #024B9C;font-weight: 600;}



/* blog_post */ 
.blog_post_row { padding: 176 0 0;  }
#hs_cos_wrapper_language_switcher { display: none; } 
.blog_post_row { display: flex; flex-wrap: wrap; background: #0F2D7A; gap:30px 0}
.blog_post_left { padding-left: calc(100% / 2 - 1200px / 2); width: 55%; 
	padding-top: 250px;
	padding-bottom: 60px;
	display: flex;  align-items: center;  }
.blog_post_right { width: 45%; }
.blog_post_title h1 { font-size: 38px; color: #ffff; line-height: 51px; font-weight: 700;font-family: var(--open-sans); text-transform: capitalize; }
.blog_post_cover { max-width: 750px; } 
.blog_post_title { padding-bottom: 30px; }
.blog_post_date span { font-size: 16px; line-height: 21px; color: #fff; font-weight: 600;font-family: var(--open-sans); }
.blog_post_date span.color a { color: #FFCC01;  text-decoration: none;}

.blog_post_tag_link ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.blog_post_tag_link ul li { list-style: none; color: #fff; }
.blog_post_tag_link ul li a { color: #fff; text-decoration: underline;   position: relative; }
.blog_post_tag_link { padding-top: 35px; }
.blog_post_right img {display: block;    object-fit: cover; width:100%;      min-height: 400px;     height: 100% !important; }
.blog_post_content h3 { font-size: 20px; line-height: 27px; font-weight: 700;  color: #0F2D7A; margin: 0;  padding: 20px 0px;}

.blog_post_content h2 { font-size: 38px; line-height: 51px; font-weight: 700;  color: #0F2D7A; margin: 0;  padding: 20px 0px;}
.blog_post_content {  color: rgb(112, 112, 112);  font-size: 16px; line-height: 24px; font-family: var(--open-sans);}
.blog_post_content a {text-decoration: underline; color: #000;}
.blog_post_content { padding: 100px 0;}
.blog_post_content em { font-weight: 400;}




/* recent_post */ 
.recent_post { background: #444444; padding: 100px 0; }
.recent_post_heading h2 { color: #FFCC01; font-size: 38px; line-height: 51px; font-weight: 700; font-family: var(--open-sans); }
.recent_post_heading { padding-bottom: 70px; text-align: center; }
.recent_box {  justify-content: center;  display: flex; flex-wrap: wrap; padding-bottom: 50px;    gap: 35px 0; }
.recent_box_cover { width: calc(100% / 3 - 30px); margin: 0 15px; border-top: 10px solid #ffcc01;  /*box-shadow: 0 -10px 0 0 #ffcc01;*/ }
.recent_post_img img { width: 100%; max-height: inherit; display: block;
	height: 190px;
	object-fit: cover;
}
.recent_cover { background: #FFFFFF; padding: 20px 30px; }
.recent_post_title h5 { color: #0F2D7A; font-weight: 600; font-family: var(--open-sans); font-size: 20px; line-height: 27px; }
.recent_post_title { padding-bottom: 15px; }
.recent_post_content { font-weight: 400; font-size: 16px; line-height: 21px; color: #444444; font-family: var(--open-sans); padding-bottom: 5px; }
.recent_post_link { display: inline-block; }
.recent_post_link a {text-decoration: none;color: #0F2D7A; font-size: 14px; line-height: 19px; font-weight: 700; font-family: var(--open-sans); }
.recent_post_link a span svg { width: 10px; height: 10px; display: inline-block; }
.recent_post_button { text-align: center; }
.recent_post_button a { transition: all 0.4s ease; text-decoration: none; background: #FFCC01; padding: 10px 0; display: inline-block; color: #fff; font-size: 16px; font-weight: 700; line-height: 21px; font-family: var(--open-sans); width: 15%; }
.recent_post_button:hover a {  background: #001b4d;}



/* New */
.hero_section { display: flex; flex-flow: wrap; }
.video_cover { width: 36%; }
.video_text_left { width: 64%; padding-left: calc(100% / 2 - 1200px / 2); padding-top: 170px; padding-bottom: 50px; padding-right: 30px; }
.video_text_header h1 { color: #ffffff; font-size: 60px; line-height: 1.2; }
.video_richtext { color: #fff; padding-bottom: 25px; }
.video_text_header { padding-bottom: 20px; }
.video_cover > div,.video_cover > div > div, .video_cover > div > div > div { height: 100% !important; }

.results-name {  padding-bottom: 20px; }






@media (max-width:1300px){
	.blog_post_left { padding-left: 30px; }
	.video_text_left{ padding-left: 30px; }

}
@media (max-width:1200px) { 


	.blog_left .blog_post { padding: 35px 0 0;}
	.blog_left .blog_categories{	padding: 35px 0 0;}
	/*blog_section */
	.left_blog_cover { padding: 25px; }
	.blog_box_row { padding-top: 25px; }

	/* blog_post */
	.blog_post_left { width: 50%;  }
	.blog_post_right {  width: 50%;}
	.blog_post_title {  padding-bottom: 25px;}
	.blog_post_tag_link {   padding-top: 25px;}
	.blog_right_img img {max-width: 100%;}
	.blog_post_content {  padding: 60px 0;}
	.left_blog_box {  width: 65%;}
	.right_blog_box {width: 35%;}
	.blog_left {
		padding-right: 30px;
	}


}

@media (max-width:1024px) {

	/* blog_section	 */
	.blog_post_content {  padding: 50px  0;}
	.blog_main { padding: 80px 0; gap:30px 0;} 
	.blog_left { width: 100%; padding-right:0; }
	.blog_right { width: 100%; }
	.blog_box_row { padding-top: 25px; }
	.left_blog_cover { padding: 35px; }    
	.blog_left .blog_post { padding: 25px 0 0;}
	.blog_left .blog_categories{	 padding: 25px 0 0;}
	.blog_right_box { gap: 50px;}
}

@media (max-width:991px) {

	/*recent_post	 */
	.recent_post {	padding: 50px 0;}
	.recent_post_heading {	padding-bottom: 50px;}
	.recent_box {	padding-bottom: 50px;	}
	.recent_box_cover {	width: calc(100% / 2 - 30px);	}
	a.recent_post_btn {width: 30%;	}


}



@media (max-width:767px){

	.video {max-width: 100%;}

	/* blog_Section	 */
	.blog_main{ padding: 60px 0; }
	.blog_left { width: 100%; }
	.blog_right{ width: 100%; }
	.right_img a img { height: auto; width: auto;  margin: 0 auto;}
	.right_img a {  display: block;}
	.left_blog_cover { padding: 20px; }
	.left_blog_box{ width: 100%; order: 2; }
	.blog_button { width: 100%; }
	.blog_social_icon { width: 100%; }
	.blog_box_row { }
	.blog_social_icon ul { justify-content: center; }
	.right_blog_box { width: 100%; }


	/*  blog_post */

	/* 	.blog_post { padding: 176px 0 0px;} */
	.blog_post_left { padding: 0 15px; width: 100%; order: 1; justify-content: center;}
	.blog_post_right { width: 100%;}
	.blog_post_title {  padding-bottom: 20px;}
	.blog_post_cover { text-align: center;}
	.blog_post_tag_link ul {justify-content: center;}
	.blog_post_tag_link {   padding-top: 20px;}

	/*recent_post	 */
	.recent_post_heading {	padding-bottom: 30px;	}
	.recent_post_heading h2 {	font-size: 35px;}
	.recent_box_cover {	width: 100%;    }
	.recent_post_title {	padding-bottom: 10px;}
	.recent_cover {	padding: 20px;}
	.recent_box {	padding-bottom: 20px;}
	.recent_post_button a {	width: 100%;}

	.blog_post_left{         padding-bottom: 20px;  }
	.blog_post_right img{     width: auto;
		max-height: inherit;

		min-height: inherit;  }
	/* 	.blog_post_right img{ display: inline-block;  } */
	.blog_post_right{         text-align: center;
		padding-top: 0px;  }

	.hero_section{ padding-top:176px; }
	/* 	.blog_post_row { padding: 176px 0 0;  } */

	.video_text_left{ width:100%; padding-top: 30px; }
	.video_cover{ width:100%; }
	.blog_post{ padding-top:176px !important; background-color:#0F2D7A; }

	.blog_post_row{ flex-direction: column-reverse;  }
	.recent_box_cover{  width: calc(100% / 1 - 0px); margin: 15px 0;  }

	.blog_post_newl { padding-top: 30px !important;
		background-color: transparent !important; }

	.blog__details {
		background: #fff;
	}


}