@import 'default-style.css';


/* --- Fonts --- */
@font-face {font-family: 'Montserrat'; src: url('../fonts/Montserrat-Medium.woff2') format('woff2'), url('../fonts/Montserrat-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face {font-family: 'Montserrat'; src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/Montserrat-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face {font-family: 'Montserrat'; src: url('../fonts/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }


.body-wrapper { position: relative; padding-top: 100px; }

.btn { background-color: var(--theme-primary); color: var(--white); padding: 10px 20px; font-size: var(--body-text); border: 1px solid var(--theme-primary); border-radius: 2px; line-height: 1.2; font-size: var(--body-small); display: inline-block; }

.enumenu_ul a { color: var(--theme-primary); font-size: 18px; }
.menu-wrap .enumenu_ul { display: block !important; padding:0; margin:0; }
.menu-wrap .enumenu_ul li { position: relative; list-style: none; }
.menu-wrap .enumenu_ul li .arrow { display: block; height: 30px; width: 30px; position: absolute; top: 10px; right: -2px; z-index:10; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.menu-wrap .enumenu_ul li .arrow.up { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.menu-wrap .enumenu_ul li .arrow:before {content: ' '; display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-image: url(images/mobile-arrow.svg); background-position: center; background-repeat: no-repeat; background-size: 13px; }
.menu-wrap .enumenu_ul li li .arrow { top: 3px; }
.menu-wrap .enumenu_ul .sub-menu.sb-menu .arrow:before { top: 0; }
.menu-wrap .enumenu_ul li a { font-size: var(--body-text); color: var(--theme-gray); padding: 12px 0; display: block; text-decoration: none; }
.menu-wrap .enumenu_ul li.current_page_item > a,
.menu-wrap .enumenu_ul li a:hover { color: var(--theme-secondary); }
.menu-wrap .enumenu_ul .sub-menu li { padding-bottom: 0; margin-left: 10px; }
.menu-wrap .enumenu_ul .sub-menu li a { padding: 8px 0; font-size: var(--body-text); opacity: 0.7; }
.menu-wrap .enumenu_ul .sub-menu li a:hover { opacity: 1; }
.min-nav{border-top: 1px solid rgba(202, 202, 202, 1); border-bottom: 1px solid rgba(202, 202, 202, 1); background-color: var(--white); }
.min-nav .sub-menu { display: none; }
.min-nav .minheader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; align-items: center; justify-content: center; margin: 0; padding: 0; }
.min-nav .minheader li { list-style: none; margin: 0 16px; padding:0; }
.min-nav .minheader li a { display: block; padding: 25px 0; text-decoration: none; color: var(--theme-gray); position: relative; font-size: var(--body-text); }
.min-nav .minheader li.current_page_item > a:after,
.min-nav .minheader li.current-page-ancestor > a:after,
.min-nav .minheader li a:after {content: ''; position: absolute; bottom: 15px; left: 0; right: 0; width: 100%; height: 2px; background: var(--theme-secondary); opacity: 0; transition: all 0.3s ease-in-out; }
.min-nav .minheader li.current_page_item > a:after,
.min-nav .minheader li.current-page-ancestor > a:after,
.min-nav .minheader li a:hover:after { opacity: 1; bottom: 19px; }
.min-nav .minheader li.current-page-ancestor > a,
.min-nav .minheader li.current_page_item > a,
.min-nav .minheader li a:hover { color: var(--theme-secondary); }
.right-top .ctmbtn,
.right-top .btn-line { margin-top:5px; }
.right-top .ctmbtn a,
.right-top .btn-line a { padding: 6px 20px; height: 36px; line-height: 1.4; }
/*Menu open*/
.menu-wrapper { position: fixed; top:0; left: -380px; width: 100%; height: 100%; z-index: 1000; visibility: hidden; transition: all 0.3s ease-in-out; }
.menu-wrap { background-color: var(--white); position: relative; z-index: 4; width: 375px; left: 0; height: 100%; overflow: auto; padding: 13px 20px; transition: all 0.3s ease-in-out; }
.blank-div { position: absolute; top:0; left:0; height: 100%; width: calc(100% + 500px); background: var(--black); opacity: 0.5; z-index: 1;  }
.mos-logo { width: 94px; }
.min-menu { border-bottom: 2px solid rgba(238, 238, 238, 1); margin-bottom: 26px; padding-bottom: 2px; }
/*.menu-wrapper { z-index: -100; }*/
.MenuOpen .menu-wrapper { z-index: 1000; visibility: visible; left: 0; }
/*Menu open*/
/* Menu CSS */
/* =============================
Menu CSS
============================= */
.enumenu_ul .caret {color: #fff; margin-left: 7px; }
.enumenu_ul {padding: 0px; list-style: none; margin: 0; }
.enumenu_ul > li {/*display: inline-block;*/ float: left; vertical-align: top; padding-bottom: 23px; position: relative }
.enumenu_ul > li:hover > a, .enumenu_ul > li.active > a {  }
.enumenu_ul > li ul {display: none }
.enumenu_ul li {margin: 0; list-style: none; position: relative; display: inline-block; vertical-align: top; padding-bottom: 0; }
.enumenu_ul li a { text-decoration: none;  position: relative; }
.enumenu_ul {list-style: none; padding: 0; }

.enumenu_ul>li  { margin: 0; }
.enumenu_ul>li:last-child { margin-right: 0; }
.enumenu_ul>li:last-child a { padding-right: 0; }

.enumenu_ul li.contact-btn { margin: 18px 0 18px 30px; }
.enumenu_ul li.contact-btn a { background-color: var(--white); color: var(--theme-blue); padding: 12px 30px; margin-left: 0; margin-right: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.enumenu_ul li.contact-btn a:hover { background-color: var(--theme-secondary); color: var(--white); }

.sub-menu.sb-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.sub-menu.sb-menu li { border-bottom: 1px solid var(--theme-dark-gray-2); }
/*Sub menu styles*/
.menu.submenu-ul-level1 li a {background: rgba(31, 26, 107, 0.8); color: #fff; padding-left: 90px; }
.enumenu_ul.desk li:hover > ul {display: block; opacity: 1; }
.enumenu_ul.desk .sb-menu .sb-menu {left: 100%; top: 0; }
.enumenu_ul>li>a { padding: 30px 0; display: block;  font-size: 16px; color: var(--white); font-weight: var(--font-700); text-transform: uppercase; position: relative; margin: 0 25px; }
.enumenu_ul>li>a:before { content: ''; position: absolute; bottom: 20px; right: 0; width: 0; height: 2px; background-color: var(--white); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.enumenu_ul li.has-children:hover a:before,
.enumenu_ul li.current_page_item a::before,
.enumenu_ul>li>a:hover:before {
	width: 100%;
	left: 0;
	right: inherit;
}
.logo a { max-width: 266px; width: 100%; display: block; }
.logo img { display: block; }
.logo a,.enumenu_ul li > a{
-webkit-transition: all 0s ease-in-out;  -moz-transition: all 0s ease-in-out;  -o-transition: all 0s ease-in-out;  -ms-transition: all 0s ease-in-out;  transition: all 0s ease-in-out; }
/*.enumenu_ul.desk li.has-children > a { padding-right: 12px; }*/
.enumenu_ul ul li { margin: 0 15px; }
.enumenu_ul .arrow {position: absolute; right: 10px; top: 12px; width: 30px; height: 30px; background: url(images/dropdown-icon.svg) center center no-repeat; background-size: 14px; cursor: pointer; z-index: 999; }
.enumenu_ul .arrow.up {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.enumenu_ul .arrow, .enumenu_ul .arrow.up {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.enumenu_ul .sb-menu { position: absolute; right: -4px; top: 100%; z-index: 50; width: 350px; background: #ffffff; }
.enumenu_ul .sb-menu li {display: block; width: 100%; text-align: left; }
.enumenu_ul .sb-menu li:last-child { border: none; } 
.enumenu_ul li ul li a { padding: 10px 20px; text-transform: uppercase; font-weight: var(--font-700); }
.enumenu_ul { margin-left: 0; padding: 0; }
.enumenu_ul li ul.sub-menu a { color: var(--theme-secondary); }
/* ===================================
		End Menu
=================================== */

.menu-icon .menu-box { width: 30px; height: 24px; margin-right: 0; padding: 5px; position: absolute; right: 0; margin: 0 auto; top: 0; } .menu-icon {display: none; width: 20px; height: 30px; position: relative; top: 4.5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } 
.menu-icon {display: none; width: 20px; height: 30px; position: relative; top: 4.5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
.menu-icon span {display: block; position: absolute; height: 3px; width: 100%; background: var(--white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.menu-icon span:nth-child(1) {top: 0px; }
.menu-icon span:nth-child(2) {top: 9px; }
.menu-icon span:nth-child(3) {top: 18px; }
.menu-icon.active span:nth-child(1) {top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.menu-icon.active span:nth-child(2) {opacity: 0; left: -60px; }
.menu-icon.active span:nth-child(3) {top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.enumenu_ul .menu-wrapper .caret { margin-left: 7px; }
.enumenu_ul .menu-wrapper {padding: 0px; list-style: none; } .enumenu_ul .menu-wrapper > li { display: inline-block; vertical-align: top; padding-bottom: 0; position: relative; padding: 0 14px; }
.enumenu_ul .menu-wrapper > li ul { display: none; } .enumenu_ul .menu-wrapper ul li {width: 100%; margin: 0; list-style: none; position: relative; } .enumenu_ul.desk ul ul.sub-menu li { margin-bottom: 0; } /*Sub menu styles*/ .menu.submenu-ul-level1 li a { background: rgba(31, 26, 107, 0.8); color: #05263B; padding-left: 90px; } .enumenu_ul.desk li:hover > ul { display: block; opacity: 1; visibility: visible; } .enumenu_ul.desk .sb-menu .sb-menu {left: 100%; top: 0; } .enumenu_ul .menu-wrapper .arrow {position: absolute; right: 10px; top: 0; width: 40px; height: 40px; cursor: pointer; z-index: 999; background-position: center; background-repeat: no-repeat; background-size: 15px; -webkit-transition: all 0.3s ease-in-out;         transition: all 0.3s ease-in-out; } .enumenu_ul .menu-wrapper .arrow.up { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.enumenu_ul a { font-weight: var(--font-700); text-transform: uppercase; color: var(--theme-secondary); }
.enumenu_ul a:hover { color: var(--theme-primary); }
/* Menu CSS */

body.admin-bar .min-header { margin-top: 30px; }
.min-header { position: fixed; top: 0; left: 0; z-index: 500; background-color: var(--white); padding-top: 22px; padding-bottom: 23px; }
.logo { width: 25%; }
.nav-menu { width: 50%; text-align: center; }
.right-header { width: 25%; }
.right-header ul { padding: 0; margin: 0; gap: 15px; }
.right-header ul a img { display:  block; }
.right-header ul li { padding: 0; margin: 0; list-style: none; }
.search-icon path,
.right-header ul li a img { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.right-header ul li a:hover img { opacity: 0.5; }
.right-header .header-social-media img { max-width: 32px; }
.search-wrap button { background: none; padding: 10px 0 10px 10px; margin-left: 5px; }
.search-icon:hover path { fill: var(--theme-primary); }
.right-header .so-wrap { justify-content: flex-end; }
.search-icon:hover:hover .close-icon:before,
.search-icon:hover:hover .close-icon:after { background-color: var(--theme-primary);}

.open-search .search-field { border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.2); background-image: url(../images/search.svg); background-position: center right 14px; background-repeat:  no-repeat; background-size: 20px; padding-right: 40px; }

/* Header */
.StickHeader .min-header {
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px 0;
}
/* Search */

.open-search { position: absolute; top: 100%; right: 0; width: 300px; z-index: 1; visibility: hidden; opacity: 0; transform: translateY(30px); transition: all .3s ease-in-out; }
.active .open-search { visibility: visible; opacity: 1; transform: translateY(0); }
.search-img {  transition: all 0.3s ease-in-out; transform: scale(0); }
.search-wrap.active .search-img { opacity: 0;  transform: scale(1); }
.search-wrap .close-icon { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background: none; z-index: 1; width: 24px; height: 24px; cursor: pointer; transform: rotate(-45deg) scale(0); transition: all .3s ease-in-out; opacity: 0; visibility: hidden; }
.search-wrap.active .close-icon { opacity: 1; visibility: visible; transform: rotate(-45deg) scale(1); }
.search-wrap .close-icon::before,
.search-wrap .close-icon::after { position: absolute; content: ''; background: var(--theme-secondary); border-radius: 2px; }
.search-wrap .close-icon::before { width: 4px; height: 24px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.search-wrap .close-icon::after { width: 24px; height: 4px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

/* Search */
/* Header */

.blank-div { display: none; height: 0; overflow: hidden; visibility: hidden; }



.blog-title { padding-top: 20px; padding-bottom: 30px; }
.blog-title h1 { font-weight: var(--font-600); padding-top: 0; letter-spacing: -1px; }
.title-strip { color: var(--theme-primary); font-weight: var(--font-700); }
.blog-title p { max-width: 560px; width: 100%; margin: 0 auto; font-size: var(--font-h5); }
.blog-title p:last-child { padding-bottom: 0; }

/* the slides */
.slick-slide {
	margin: 0 18px;
}

/* the parent */
.slick-list {
	margin: 0 -18px;
}

/* Featured post CSS */
.featured-section { padding-top: 30px; padding-bottom: 45px; }
.titie-text { padding-bottom: 10px; }
.featured-section h2 { color: var(--white); text-transform: uppercase; }
.back-bg { background-color: var(--theme-primary); height: 235px; position: absolute; top: 0; left: 0; width: 100%; }
.f-wrapper { gap: 20px; }
.card { overflow: hidden; }
.f-btn { opacity: 0; }
.card:hover .f-btn { opacity: 1; }
.card:hover .image-container img { opacity: 0.6; }
.image-container { height: 220px; border-radius: 4px; overflow: hidden; }
.image-container .post-thumbnail,
.image-container .news-link { display: block; height: 100%; width: 100%; background-color: var(--theme-secondary); }
.image-container img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.featured-slider .f-btn,
.featured-slider .read-time { position: absolute; bottom: 20px; }
.featured-slider .f-btn { left: 20px; }
.featured-slider .read-time { right: 20px; padding: 9px 8px; }

.f-btn.btn:hover { background-color: var(--white); color: var(--theme-primary); }
.f-btn, .read-time {
	border-radius: 5px;
	padding: 6px 20px;
}
.author span { display: block; font-weight: var(--font-400); font-size: var(--body-text); font-family: var(--font-montserrat); line-height: 1.1; }
.author .author-name { font-weight: var(--font-600); color: var(--theme-primary); }


.read-time {
	color: var(--white);
	background-color: var(--theme-secondary);
	line-height: 1.2;
	font-size: 10px;
}

.content { padding: 17px 0; }
.content h5 { margin-top: 19px; font-size: 18px; line-height: 1.5; margin-bottom: 10px; }
.content p { font-weight: var(--font-700); width: 100%; margin-bottom: 0; padding: 0; text-align: justify; }
.contentarea  { display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}    
.contentarea p, .contentarea p * { font-weight: var(--font-400) !important; }
.author { font-size: 14px; }
.tags { margin-top: 2px; gap: 8px; }
.tags span { font-size: var(--body-small); font-weight: var(--font-400); line-height: 1.1; }
.tag { border: 1px solid var(--theme-primary); border-radius: 20px; padding: 3px 9.5px; font-weight: var(--font-700); }
.tags span:first-child { background-color: var(--theme-primary); color: var(--white); }
/* Featured post CSS */

.postloader { position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(255, 255, 255, 1); z-index: 100; }
.postloader img { position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); max-width: 80px }

.slick-dots li:only-child { display: none; }
.slick-dots { padding: 0; margin: 0; display: flex; justify-content: center; gap: 8px; }
.slick-dots li { list-style: none; }
.slick-dots li button { background: var(--theme-primary); font-size: 0; width: 24px; height: 6px; border-radius: 10px; opacity: 0.2; }
.slick-dots li.slick-active button { opacity: 1; }


/* Form CSS */
.form-wrapper { padding-top: 20px; }
.form-wrapper .fieldLabel { display: none; }
.form-wrapper { width: 100%; max-width: 520px; margin: 0 auto; }
.form-wrapper form { position: relative; }
.form-wrapper form .textInput {
	width: calc(100% - 156px);
}
.form-wrapper form .defaultText.buttonStyle { 
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 2px;
}
.form2 { max-width: 610px; width: 100%; }
.form-wrapper.form2 .textInput { width: calc(100% - 223px); margin-left: 50px; }
.form-wrapper.form2 form .defaultText.buttonStyle { right: 50px; }
.gdpr-accept { margin-top: 15px; position: relative; }
.gdpr-accept label { position: relative; padding-left: 25px; cursor: pointer; }
.gdpr-accept input { position: absolute; top: 0; left: 0; opacity: 0; }
.gdpr-accept label:before { content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-radius: 3px; background-color: var(--white); border: 1px solid #00336333; box-shadow: 0px 3px 4px 0px #0000001C; }
.gdpr-accept label:after { content: ''; position: absolute; top: 3px; left: 5px; border-right: 2px solid var(--theme-secondary); border-bottom: 2px solid var(--theme-secondary); width: 5px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }
.gdpr-accept input:checked ~ label:after { opacity: 1; }
/* Form CSS */



.d-grid {
	display: grid;
}
.featured-wrapper {
	gap: 40px 32px;
/*	grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );*/
	grid-template-columns: repeat(3, 1fr);
}
.d-grid .card { width: 100%; }

.filter-row #Filter { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; max-width: 1224px; background-color: var(--white); z-index: 100; }

.filter-row #Filter.sticky { position: fixed; top: 0; left:0 }
.filter-row #Filter.stuck-to-footer { position: absolute; bottom: 0; top: auto; left:0 }

/* Base styling for labels */
#Filter li { list-style: none; padding: 0; margin: 0; padding: 0 13px 10px 13px; }
#Filter .d-flex:nth-child(2) { padding-top: 5px; }
#Filter .d-flex { justify-content: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0 -13px; padding-top: 20px; }
.checkbox-label { font-size: var(--body-small); display: inline-block; padding: 10px 20px; border: 1px solid var(--theme-primary); border-radius: 50px; cursor: pointer; color: var(--theme-secondary); line-height: 1.2; font-family: var(--font-montserrat); text-align: center; transition: background-color 0.3s ease, color 0.3s ease; }
/* Hidden checkboxes */
.checkbox-input { display: none; }
.checkbox-label:hover  { background-color: var(--theme-secondary); border-color: var(--theme-secondary); color: var(--white); }
.checkbox-input:checked + .checkbox-label { background-color: var(--theme-primary); border-color: var(--theme-primary); color: var(--white); }

#Filter.stuck-to-footer .d-flex li,
#Filter.sticky .d-flex li  { padding-bottom: 10px; }




.news-subscribe { background-color: var(--theme-light-blue); padding-top: 60px; padding-bottom: 60px; }
.form-title { text-align: center; }
.form-title p { font-size: 20px; }
.new-form { max-width: 960px; width: 100%; margin: 0 auto; }



.only-title { background-color: var(--theme-secondary); padding-top: 25px; padding-bottom: 25px; }
.only-title * { color: var(--white); }
.only-title h2 { padding: 0; margin: 0; }


.MobileFilter { display: none; }
.all-news-listing { padding-top: 20px; padding-bottom: 100px; }

.featured-wrapper { margin-top: 25px; }
.featured-wrapper .f-btn,
.featured-wrapper .read-time { position: absolute; bottom: 20px; }
.featured-wrapper .f-btn { left: 20px; }
.featured-wrapper .read-time { right: 20px; padding: 9px 8px; }

.load-more { text-align:  center; margin-top: 30px; }
.load-more a { color: var(--theme-primary); text-decoration: underline; }
.load-more a:hover { color: var(--theme-secondary); }




.copy-right { background-color: var(--theme-secondary2); padding-top: 18px; padding-bottom: 18px; }
.copy-right .container * { padding: 0; margin: 0; color: var(--white); }







.top-arrow { background: #F48120; height: 59px; width: 59px; position: relative; display: block; margin: 0 auto; border-radius: 50%; overflow: hidden; }
.top-arrow:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 16px;
	width: 16px;
	border-left: 4px solid var(--theme-secondary);
	border-top: 4px solid var(--theme-secondary);
	transform: rotate(45deg);
}
.back-text { width: 100%; margin: 0 auto; text-align: center; display: block; margin-top: 5px; }

.go-up { width: 100px; text-align: center; position: fixed; bottom: 80px; cursor: pointer; right: -100px; z-index: 400; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }





/* Post detail */
.inner-banner { background-color: #E3E3E3; }
.banner-post-image img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; object-position: center; }
.banner-post-image { width: 53%; position: relative; overflow: hidden; }
.right-post-detail { width: 47%; padding-top: 100px; padding-bottom: 100px; padding-left: 100px; min-height: 703px; display: flex; align-items: center; }
.banner-post-image:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 500px;
	height: 100%;
	background: linear-gradient(90deg, rgba(227, 227, 227, 0) 0%, #E3E3E3 100%);
}
.post-detail { max-width: 530px; width: 100%; }
.post-detail h1 { font-weight: var(--font-600); margin-top: 30px; line-height: 1.075; margin-bottom: 0; margin-top: 33px; letter-spacing: -1px; }



.author-row { padding-top: 10px; }
.post-details { padding-top: 90px; padding-bottom: 100px; }
.author-info { 
	position: relative;
	width: 117px;
	text-align: center;
	margin: 0;
}
.article-content { width: calc(100% - 117px); padding-left: 50px; min-height: 450px; }
.article-content .tags span:first-child { background-color: var(--theme-primary); color: var(--white); }

.post-detail .read-time { padding: 8px 12px; }

.author-info img {
	border-radius: 50%;
	width: 30px;
	height: 100px;
}

.author-info .name {
	margin-top: 10px;
	font-weight: bold;
	color: #FF5A00;
}

.social-icons {
	padding-top: 120px;
	position: relative;

}
.social-icons:before {
	content: '';
	height: 100px;
	width: 1px;
	background-color: #00336333;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	
}
.social_wrap { display: block; margin-bottom: 15px; }
.social-icons a {
	margin-bottom: 15px;
}




.article-content .tags {
	margin: 10px 0 22px;
}
.article-description p:first-child { font-weight: var(--font-700); }
.article-description p img { margin-top: 30px; }
.article-description h2,
.article-description h3,
.article-description h4,
.article-description h5 { margin-top: 15px; margin-bottom: 25px; }

.article-description li,
.article-description p { text-align: justify; }

.article-content .tags span {
	display: inline-block;
	background-color: var(--white);
	padding: 4px 8px;
	border-radius: 15px;
	border: 1px solid var(--theme-primary);
	color: var(--theme-secondary);
	min-width: 108px;
    display: inline-block;
    text-align: center;
}
.author-image { height: 70px; width: 70px; border-radius: 50%; margin: 0 auto; }
.author-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.author-wrap { padding-top: 18px; padding-bottom: 22px; }
.author-wrap span { display: block; text-align: center; line-height: 1.2; }
.author-wrap .author-title { font-family: var(--font-montserrat); font-weight: var(--font-400); }
.author-wrap .author-name { font-family: var(--font-montserrat); font-weight: var(--font-600); color: var(--theme-primary); }

.social-icons img { width: auto; height: auto; }
.article-description ul { padding: 0; margin: 0; margin-bottom: 17px; }
.article-description ul li { position: relative; list-style: none; padding-left: 26px; padding-bottom: 21px; }
.article-description ul li:last-child { padding-bottom: 0; }
.article-description ul li:before { content: ''; position: absolute; top: 5px; left: 0; height: 10px; width: 10px; background-color: var(--theme-primary); }




.no-wrap { flex-wrap: nowrap; }

.bottom-author { 
	height: 93px;
	width: 93px;
	min-height: 93px;
	min-width: 93px;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
.author-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.author-details {
	color: var(--theme-secondary);
}

.author-details .author-title,
.author-details .author-name { font-family: var(--font-montserrat); font-weight: var(--font-600); padding: 0; margin: 0; line-height: 1.1; }

.author-details .author-title {
	color: var(--theme-secondary);
	margin: 0;
	font-weight: var(--font-400);
}

.author-details .author-name {
	color: var(--theme-primary);
	font-weight: bold;
	margin: 0;
	padding-bottom: 10px;

}

.author-details .author-description {
	color: var(--theme-secondary);
	font-size: 14px;
	margin-top: 8px;
}
.author-details { padding-left: 30px; }
.bottom-author-detail { display: grid; gap: 30px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }



.bottom-author-detail { border-top: 1px solid #00336333; border-bottom: 1px solid #00336333; padding-top: 50px; padding-bottom: 50px; margin-top: 30px; }

/* Post detail */


/*404 page*/
.error404 { background-color: var(--theme-secondary); }
.error404 .body-wraper { padding-top: 30px; padding-bottom: 30px; }
.error404 .min-header,
.error404 .copy-right { display: none !important; }
.error404 .site-main { display: flex; min-height: calc(100vh - 60px); align-items: center; justify-content: center; }
.error-404 {width: 100%; max-width: 800px; background: var(--white); border-radius: 10px; padding: 50px; text-align:  center; }
.error-404 h1 { font-size: var(--font-h2); padding: 40px 0 20px 0; }
.error-404 * { color: var(--theme-secondary); }
body.error404 { padding: 0 20px }
.logo-404 img { max-width: 200px; }
.error-404 .btn { color: var(--white); font-weight: 700; text-decoration: none; border-radius: 5px;}
.error-404 .btn:hover { background-color: var(--theme-secondary); border-color: var(--theme-secondary); }
/*404 page*/



/* --- Contact us page --- */
.blog-title.contact-us-page { padding-top: 20px; }

.contact-us-section { padding-top: 60px; padding-bottom: 100px; }
.contact-us-section h2 { text-transform: uppercase; letter-spacing:  -1px; margin-bottom: 25px; }
.contact-us-section .title-text p { font-size: var(--font-h5); }
.contact-wrapper { border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 60px 30px #0000000D; margin-top: 27px; }

.map-row { position: relative; overflow: hidden; background-color: var(--theme-secondary); border-radius: 10px; }
.map-wrapper iframe { width: 100%; height: 700px; display: block; opacity: 0.7; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: none; }
.map-wrapper iframe:hover { opacity: 1; }

/* Left Form Section */
.form-section {
	width: 60.6%;
	padding: 50px;
	background-color: #ffffff;
}
.checkbox { margin-top: 1px; position: relative; }
.checkbox .wpcf7-list-item-label { position: relative; padding-left: 25px; cursor: pointer; font-size: var(--body-text); line-height: 1.9; display: block; }
.checkbox input { position: absolute; top: 0; left: 0; opacity: 0; }
.checkbox .wpcf7-list-item-label:before { content: ''; position: absolute; top: 4px; left: 0; width: 16px; height: 16px; border-radius: 3px; background-color: var(--white); border: 1px solid #00336333; box-shadow: 0px 3px 4px 0px #0000001C;
}
.checkbox .wpcf7-list-item-label:after { content: ''; position: absolute; top: 7px; left: 5px; border-right: 2px solid var(--theme-secondary); border-bottom: 2px solid var(--theme-secondary); width: 5px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }
.checkbox input:checked ~ .wpcf7-list-item-label:after { opacity: 1; }
span.wpcf7-list-item { margin: 0; }


.form-section label {
	font-size: 14px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.form-section p { padding: 0; }
.textarea-wrap,
.input-wrap { padding-bottom: 20px; }
.checkbox { padding-bottom: 13px; }


/* Right Info Section */
.info-section {
	width: 39.4%;
	padding: 9.5% 30px 5%;
	background-color: var(--theme-secondary)
}
.info {
    margin: 19px 0;
}
.info a { text-decoration: none;  }
.info img { width: 24px; min-width: 24px; margin-right: 18px; }

.info-section h2 {
	font-size: 24px;
	margin-bottom: 15px;
	
}
.all-dlt { margin-top: 50px; }
.all-dlt h3 { margin-top: 28px; }
.all-dlt h3:first-child { margin-top: 0; }
.info-section p {
	font-size: 16px;	
}

.info-section .contact-info {
	margin-bottom: 49px;
}
/* --- Contact us page --- */

.map-wrapper { padding-top: 75px; }
.map-wrapper h3 { margin-bottom: 25px; }
.map-wrapper p { padding-bottom: 17px; }
.map-row { margin-top: 10px; }


.search-data { padding-top: 60px; padding-bottom: 80px; }
.search-data .page-header h1 { font-size: var(--font-h3); }
.navigation.posts-navigation { grid-column: 1 / -1; }

.search-form .search-submit { margin-top: 20px; }
.postloader { display: none; }


#reply-title small { display: block; padding-bottom:20px; padding-top: 20px; }
#reply-title { display: flex; flex-direction: column-reverse;  }

.reply a,
#reply-title small a { display:inline-block; background-color: var(--theme-primary);     color: var(--white); padding: 10px 20px; border-radius: 5px; text-decoration:none; font-family: var(--font-montserrat); font-weight: var(--font-500); }

.reply a:hover,
#reply-title small a:hover { background-color: var(--theme-secondary); }

.comments-area .comments-title { font-size: var(--font-h3); margin-top:30px; }
.comment-list { padding-left: 0; }
.comment-list li { list-style: none; }

.comment-form p.form-submit { padding-bottom: 0;  }



.comment-form-cookies-consent { margin-top: 15px; position: relative; }
.comment-form-cookies-consent label { position: relative; padding-left: 25px; cursor: pointer; }
.comment-form-cookies-consent input { position: absolute; top: 0; left: 0; opacity: 0; }
.comment-form-cookies-consent label:before { content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-radius: 3px; background-color: var(--white); border: 1px solid #00336333; box-shadow: 0px 3px 4px 0px #0000001C; }
.comment-form-cookies-consent label:after { content: ''; position: absolute; top: 3px; left: 5px; border-right: 2px solid var(--theme-secondary); border-bottom: 2px solid var(--theme-secondary); width: 5px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }
.comment-form-cookies-consent input:checked ~ label:after { opacity: 1; }


.nav-links a { color: var(--theme-primary);  }
.nav-links a:hover { color: var(--theme-secondary);  }

.page-title { font-size: var(--font-h3); }



.scroll-line {
    position: fixed;
    top: 100px;
    left: 0;
    width: 0; 
    height: 5px; 
    background-color: var(--theme-primary);
    z-index: 100; 
}

.show-mobile { display: none; }

@media(max-width:1200px){

	.scroll-line {
	    position: fixed;
	    top: 74px;
	}
	.show-mobile { display: block; }
}

@media(max-width: 767px){

	.scroll-line {
	    position: fixed;
	    top: 59px;
	}
}