/*
Theme Name: ZUNESIS by C. Creative, LLC
Author: C. Creative, LLC
Author URI: https://ccreativellc.com
Description: Bootstrap 4.0 integrated theme custom build for Zunesis.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.



/* ****************************************** GENERAL ********************************************* */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");

body {
	background-color: #333;
    font-family: lato,sans-serif;
    font-weight: 300;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}
header {
	background-color: #fff;
	width:100%;
	height:100px;
}

h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5 {
    font-family: lato,sans-serif;
    color: #363636;
	text-transform: uppercase;
}
h1 {
	font-size: 2rem;
	font-weight: 300;
	margin-bottom: 2rem;
}
h2 {
	font-size: 1.75rem;
	font-weight: 300;
    margin-bottom: 2rem;
}
h3 {
	font-size: 1.5rem;
	font-weight: 300;
}
h4 {
	font-size: 1.25rem;
	font-weight: 300;
}
h5 {
	font-size: 1rem;
	font-weight: 300;
}
h5 {
	font-size: 1rem;
	font-weight: 300;
}
p {
	font-size: 1rem;
	margin-bottom: 1.5rem;
}
li {
	font-size: 0.875rem;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
    /*padding-inline-start: 0px;*/
}
a {
    color: #66b2b2;
    text-decoration: none;
}
a:hover {
    color: #66b2b2;
    border-bottom: 2px solid #66b2b2;
    text-decoration: none;
}
a.img-link:hover {
    text-decoration: none;
	border-bottom: 0px;
}
.whitetext {color: #fff;}
/* ****************************************** GENERAL ****************************************** */
/* ****************************************** BUTTONS ****************************************** */
.content-btn {
	border-radius: 3rem; 
	padding: .5rem 2rem;
	margin: 1rem 0;
}
.btn-primary {
    color: #fff;
    background-color: #66b2b2;
    border-color: #66b2b2;
}
/* ****************************************** BUTTONS ****************************************** */
/* ****************************************** SPACERS ****************************************** */
.lg-spacer {
	margin: 7rem 0 7rem 0;
}
.md-spacer {
	margin: 3rem 0 3rem 0;
}
.sm-spacer {
	margin: 1rem 0 1rem 0;
}
.btnmargin {
	margin: 1rem;
}
/* ****************************************** SPACERS ****************************************** */
/* ****************************************** BOOTSTRAP ****************************************** */
.container {
	/*margin: 0 auto;
	max-width: 1300px;*/
}
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
	background: #fff;
}
.bg-light {
    background-color: #fff!important;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
/* ****************************************** BOOTSTRAP ****************************************** */
/* ****************************************** WPBAKERY ARGS ****************************************** */
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
	margin: auto;
}

.vc_custom_1698637794347 {
    padding-top: 0px !important;
}
/* ****************************************** WPBAKERY ARGS ****************************************** */
/* ****************************************** FORMS ****************************************** */
.wpcf7 {
    width: 100%;
}
/* ****************************************** FORMS ****************************************** */
/* ****************************************** FORMS ****************************************** */
/* ****************************************** HEADER ****************************************** */
li#block-2 {
	list-style: none;
}
li#block-3 {
	list-style: none;
}
li#custom_html-2 {
	list-style: none;
}

a.zunelogo {
    border-bottom: 0px;
}
.zunenavbar li {
    list-style: none;
    padding-left: 0.75rem;
	text-transform: uppercase;
    display: inline-block;
}
.zunenavbar li a {
    color: #090909;
    font-size: 0.813rem;
    font-weight: 600;
    text-decoration: none;
}
.zunenavbar a:hover {
    color: #66b2b2;
    border-bottom: 2px solid #66b2b2;
    text-decoration: none;
}
.zunenavbar a:active {
    border-bottom:3px #FFF solid;
    }

.zunenavbar li ul li {
    list-style: none;
    display: block;
	padding: 0.5rem .50rem 0 1rem;
}
ul.sub-menu {
    display: none;
    position: absolute;
    text-align: left;
    background: #fff;
    box-shadow: 0px 0px 15px -5px #000;
    z-index: 99;
    min-width: 300px;
    padding-inline-start: 0px;
}
ul li:hover > ul.sub-menu {
    display: block;
    padding: 1rem 1rem 1rem 0rem;
}
/*.zunenavbar li.has-children > a:after {
 color: #000;
 content: ' ▽';
 font-size: 10px;
 vertical-align: 1px;
}*/
.zunenavbar li li.has-children > a:after {
 color: #000;
 content: ' ▽';
 font-size: 10px;
 vertical-align: 1px;
}


ul#menu-top_nav {
    padding-inline-start: 0px;
}
ul li ul li:hover > ul.sub-menu {
    display: block;
    padding: 1rem 1rem 1rem 0rem;
	margin: 0 0 0 4rem;
}
ul li ul li ul li:hover > ul.sub-menu {
    display: block;
    padding: 1rem 1rem 1rem 0rem;
	margin: 0 0 0 4rem;
}
ul li ul li ul li ul li:hover > ul.sub-menu {
    display: block;
    padding: 1rem 1rem 1rem 0rem;
	margin: 0 0 0 4rem;
}
/* ****************************************** HEADER ****************************************** */
/* ****************************************** FOOTER ****************************************** */
.zunefooter p {
	font-size: 0.875rem;
}
.zunefooter {
	background: #363636;
	color: #ffffff;
}
.zunefooter li {
	list-style: none;
}
.zunefooter  ul {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-inline-start: 0px;
}
.zunefooter li {
    list-style: none;
    display: block;
}
.zunefooter li a {
    color: #fff;
    font-size: 0.875rem;
    text-decoration: none;
}
.zunefooter a:hover {
    color: #66b2b2;
    border-bottom: 2px solid #66b2b2;
    text-decoration: none;
}

.zunefootercopyrights {
	background: #66b2b2;
} 
.zunefootercopyrights p {
	font-size: 0.75rem;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 0rem;
} 
.zunefootercopyrights a {
    color: #fff;
    font-size: 0.875rem;
    text-decoration: none;
}
.zunefootercopyrights a:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
    text-decoration: none;
}

/* ****************************************** FOOTER ****************************************** */
/* ****************************************** PG HEADER ****************************************** */
.pg-header h1 {
	margin-bottom: 2rem;
	color: #fff;
}
.pg-header {
	color: #fff;
	padding: 5rem 0;
}
.pg-header {
	background:url(''); 
	background-repeat: no-repeat;
	background-size: cover;
}
/* ****************************************** PGHEADER ****************************************** */

/* ****************************************** PG HEADER ALT ****************************************** */
.pg-headeralt h1 {
	margin-bottom: 2rem;
	color: #fff;
}
.pg-headeralt {
	color: #fff;
	padding: 5rem 0;
}
.pg-headeralt {
	background:linear-gradient(rgba(49,60,115,0.80), rgba(49,60,115,0.80)), url(''); 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
/* ****************************************** PGHEADER ALT ****************************************** */
/* ****************************************** PG HEADER BLUE ****************************************** */
.pg-headerblue h1 {
	margin-bottom: 2rem;
	color: #fff;
}
.pg-headerblue {
	color: #fff;
	padding: 3rem 0;
	background: #313c73;
}
/* ****************************************** PGHEADER BLUE ****************************************** */
/* ****************************************** HOME ****************************************** */
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* ****************************************** HOME ****************************************** */
/* ****************************************** BLOG ****************************************** */
.alignright, img.alignright {
	float: right;
    margin: 4px 0px 0px 10px;
    display: block;
    position: relative;
}
.alignleft, img.alignleft {
	float: left;
    margin: 4px 10px 0px 0;
    display: block;
    position: relative;
}
img.size-full {
    width: 100%;
    height: 100%;
}
img.blog-post-content {
    width: 100%;
    height: 100%;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin: 0px auto;
	padding: 0px 0;
	position: relative;
}
.wp-caption-text, .wp-caption .wp-caption-dd {
    display: block;
    font-size: 11px;
    font-style: italic;
    margin: 0 auto;
    padding: 3px 10px 5px;
    text-align: center;
    float: none;
}
/* ****************************************** BLOG ****************************************** */
/* ****************************************** SUCECSS ****************************************** */
.card-header {
    background: #e10100;
}
.card-header h3 {
    color: #fff;
    margin: 0;
    font-size: 1.25rem;
    text-transform: uppercase;
}
.card {
    border-radius: 0;
    border: none;
}
.card-body {
    background: #f8f9fa;
}
.bi-check2-square::before {
	font-size: 2rem;
	font-weight: 600 !important;
}
.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media p {
	padding-left: 1rem;
}
/* ****************************************** ---------- ****************************************** */
/* ****************************************** RESPONSIVE ****************************************** */
/* ****************************************** ---------- ****************************************** */

@media screen and (max-width: 425px) {	
.menu-top_nav-container {
	margin-top: 132rem !important;
}
.zunenavbar li a {
    color: #585D64;
    font-size: 0.875rem;
    font-weight: 600;
    margin-right: 0rem;
    font-family: 'Open Sans', sans-serif;
}	
.zunenavbar li {
    list-style: none;
    padding-right: 0.5rem;
    display: block;
	padding-bottom: .5rem;
}
ul.sub-menu {
    display: contents;
    position: absolute;
    text-align: left;
    background: #fff;
    box-shadow: 0px 0px 15px -5px #000;
    z-index: 99;
    min-width: 200px;
    padding-inline-start: 0px;
}	
ul li:hover > ul.sub-menu {
    display: contents;
    padding: 0rem 0 0rem;
}
.zunenavbar li ul li {
    list-style: bengali;
    padding-right: 0.5rem;
    line-height: 1.5rem;
    display: block;
    padding-left: 1rem;
}
.carousel-caption h1 {
	color: #fff;
    font-weight: 300;
	font-size: 1.5rem;
    margin-bottom: 2rem;
}
	
}


/* ========== RELATED RESOURCES ========== */
.rrcatheader {
	width: 100%; 
	background-color: #00549c; 
	padding: 3rem;
}
.rrcatheader h2 {
	font-size: 2.5rem; 
	color: #fff; 
	text-align: center;
}
.rrbreadcrumbscont {
	width: 100%; 
	padding: 1rem 0 1rem 0; 
	background-color: #f7f7f7;
}
.rrbreadcrumbs {
	width: 75%; 
	margin: 0 auto; 
	font-size: .875rem; 
	color: #777; 
	font-weight: 600; 
	text-align: left;
}
.rrlpcontain {
	width: 75%; 
	margin: 0 auto;
}
.rrlpdescription {
	font-size: 1rem; 
	padding: 3rem 0 3rem 0; 
	text-align: center;
}
.rrlpcontent p {
	padding: 0 3rem 0 3rem !important;
	margin: 0 auto;
	text-align: center !important; 
}
.rrcatdesccontainer {
	width: 100%; background-color: #fff; padding: 3rem 0 3rem 0;
}
.rrcatdesc {
	font-size: 1rem; color: #777; text-align: center;
}
.rrcatpostcontainer {
	width: 75%; margin: 0 auto;
}
.rrcattitlecontainer {
	min-height: 155px; 
	padding: 1rem;
}
.rrcattitleheader {
	font-size:1rem; color: #777;
}
.rrcatbtncontainer {
	background-color: #32c7ff; text-align: center; padding: 1rem;
}
.rrcatbtn {
	color:white;
	font-size: 0.875rem;
}
.rrcatarrow {
	width: 10px;
}
.rrcatcontainer {
	width: 75%; 
	background-color: #fff; 
	padding: 3rem 0 0 0; 
	margin: 0 auto;
}
.rrbrandservice {
	width: 75%; margin: 0 auto;
}
.rrbrandservicesingle {
	width: 32%; float: left; border: solid 1px #777; margin-right: .75rem;
}
.rrbrandcatheader {
	font-size: 2rem; 
	color: #777; 
	text-align: center; 
	padding: 3rem 0 0rem 0;
}
.rrbrandcatdesc {
	text-align: center; 
	padding: 3rem 0 3rem 0;
}
.rrbrandhr {
	margin: 3rem 0 0 0;
}

/* ========== RELATED RESOURCES ========== */