*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

:root{
  --Blue: #3CC2D1;
  --font-4B4B4B: #4B4B4B;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

@font-face {
  font-family: 'Segoe';
  src: url('../font/SegoeUI.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe';
  src: url('../font/SegoeUI-Bold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}



html{overflow-x: hidden;}

body {
  margin: 0;
  background:  #fff;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  overflow-x: hidden;
  font-family: 'Segoe';
  color: var(--font-444342, #444342); 
  letter-spacing: normal;
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: normal;
}
.h1, h1 { 
  font-size: 28px;
}
.h2, h2 { 
  font-size: 28px;
}

p{margin-top: 0; font-size: 15px; color: var(--font-4B4B4B);}
.img-fluid{max-width: 100%; height: auto;}
.container{max-width: 900px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}

.btn{display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: transparent; min-width: 200px; border: 1px solid transparent; position: relative; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all;  letter-spacing: normal;  padding: 16px; font-size: 18px; line-height: 1; font-weight:bold;  text-align: center;  text-transform: uppercase;   text-decoration: none; cursor: pointer;}

.btn-primary{background: var(--Blue); color: #fff; border-color: var(--Blue);}
.btn-primary:hover{background: transparent; color: var(--Blue);}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.d-flex {display: -webkit-box; display: -ms-flexbox;display: flex ;}
.flex-row {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row ;  flex-direction: row ;}



/* Header css*/
.header_wrap.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11;
}
.top-header-row .logo{padding-right:10px;}
.call-img-wrap a i{transform: rotate(45deg);}
.top-header{background-color:#fff; padding:20px 0px;}
.top-header-row{display: flex; justify-content: space-between; align-items: center;}
.header_wrap{background:rgba(0, 0, 0, 0.6);}
.header_row{display: flex; align-items: center; justify-content:center; }
.menu-wrap {display: flex; justify-content: flex-end; align-items: center;}
.menu-wrap ul{display: flex; align-items: center; list-style: none; margin: 0; margin-right: 66px; padding-left: 0;  }
.nav_element li{font-size: 18px; font-weight: 400; }
.nav_element li>a{color: #fff; text-decoration: none; display: block;  padding: 28px 5px;  font-weight:600; position: relative;}
.nav_element li ~ li{margin-left: 45px;}
.menu-btn {
  display: none;
}
.menu-wrap .btn-primary {
  min-width: 221px;
}

.nav_element li> a:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0px;
  height: 5px;
  background-color: white;
  transition: all 0.3s linear;
}

.nav_element li> a:hover:before {
  width: 100%;
  background-color: #fff;
}

.call-img-wrap{display: flex; align-items: center;}
.call-img-wrap a{text-decoration: none; color:#000; font-weight: bold; font-size:21px;}


.header__nav-button { background: transparent;width: 24px;height: 18px; border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; display: block;   -webkit-transform: rotate(0deg);   -ms-transform: rotate(0deg);   transform: rotate(0deg); }
.header__nav-button:hover, .header__nav-button:focus { outline: none; }
.header__nav-button > span {background:#3CC2D1;display: block;position: absolute;height: 2px;width: 100%; left: 0;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);-o-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1); }
.header__nav-button > span:nth-child(1) { top: 0px; }
.header__nav-button > span:nth-child(2) {top: 8px; }
.header__nav-button > span:nth-child(3) {top: 16px; }
.open-menu .header__nav-button > span:nth-child(1) {top: 8px;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg); }
.open-menu .header__nav-button > span:nth-child(2) {opacity: 0;left: -60px; }
.open-menu .header__nav-button > span:nth-child(3) {top: 8px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.open-menu .header__nav-button > span{background:#3CC2D1;}

/* HERO BANNER */
.banner-row-innner{display: flex; column-gap:50px; align-items: center;}
.banner-content{width:50%;}
.banner-image{width:50%; position: relative; height:0; overflow: hidden; padding-top: 35%; ;}

.banner-content span{font-size:15px;}
.banner-content h1{font-size:28px; color:#4B4B4B; font-weight:bold; margin-bottom:20px;}
.banner-content p{font-size:15px; color:#4B4B4B; margin-bottom:38px;}
.banner-content .btn{min-width:153px;}
.hero-banner{background-size: cover; padding-bottom:50px;}
.banner-row-innner .banner-image img{width:100%; position: absolute; top:0; left:0; object-fit: cover; height:100%}



.blog-banner-slider .slick-dots li button {
  font-size: 10px; 
  border-radius: 50%; 
  width: 10px;
  height: 10px; 
  background-color: #D9D9D9; 
  transition: all 0.3s ease; 
}

.blog-banner-slider .slick-dots li.slick-active button {
  background-color: #3CC2D1; 
  opacity: 1; 
}

.blog-banner-slider .slick-dots li button:hover {
  background-color: #3CC2D1; 
}
.blog-banner-slider .slick-dots li{
  width:10px;
  height:10px;
}
.blog-banner-slider{
  padding:50px 0px 60px 0px;
  margin-bottom:0px;
}

.blog-banner-slider .slick-dots{margin: 0px; bottom:0px;}


.blog-post img {
  max-width: 100%;
  height: 206px;
  object-fit: cover;
}

.blog-row{display: flex; flex-wrap: wrap; margin:0 -27px; row-gap:54px;}
.blog-post{width:33.33%; padding: 0 27px;}
.info .info span{font-size:15px; color:#4B4B4B; margin-top:20px;}
.blog-post .info{margin-top:20px;}
.info .title h3{font-size:17px; font-weight:bold; margin:10px 0px;}
.info a{color:#3CC2D1; font-size:15px;}
.info a:hover{text-decoration: none;}

.single-blog-content .single-blog-content-rwo ul li ,  .single-blog-content .single-blog-content-rwo ol li{margin-bottom:10px;}
.single-blog-content .single-blog-content-rwo ul , .single-blog-content .single-blog-content-rwo ol {padding-left:20px;}


.pagination {
  display: flex;
  justify-content: center;
  padding:120px 0px;
 }

.pagination a {
  display: block;
  width:28px;
  height:28px;
 color: #333;
 text-decoration: none;
 border-radius: 100px;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size:15px;
 margin:0 5px;
}

.pagination a:hover {
  background-color: #f0f0f0;
}

.pagination .current {
  background-color:#3CC2D1;
  color: #fff;
  border-radius:100px;
  font-weight:bold;
  width:28px;
  height:28px;
  display: flex;
 justify-content: center;
 align-items: center;
}

.blog-wrap{padding-top:60px;}

.footer-wrap{
  background-color:#222222;
  padding:32px;
}

.footer-wrap p{
  margin-bottom: 0px;
  text-align: center;
  color:#fff;
  font-size:15px;
}


/* SINGLE-BLOG-BANNER */

.single-blog-banner{background-size: cover; padding-bottom:50px; height:474px; margin-top:50px; background-size: cover !important;}
.single-blog-hero-banner{padding-bottom:20px;}
.single-blog-content-rwo span.date{font-size:15px; color:#4B4B4B;}
.single-blog-content-rwo h1{color:#4B4B4B; font-size:28px; font-weight:bold;}
.single-blog-inner{margin:30px 0px;}
.section-heading h2{text-align: center; font-size:28px; color:#4B4B4B; font-weight:bold; margin-bottom:20px;}
.similar-Posts-wrap{padding:37px 0px 65px 0px;}


.single-blog-content-rwo img.aligncenter{display: block; margin:20px auto;}
.single-blog-content-rwo img.alignright{display: block; margin-left: auto; float:right; margin:20px;}
.single-blog-content-rwo img.alignleft{display: block; float:left; margin:20px;}

.single-post .hero-banner{padding-bottom:20px;}


@media (max-width: 992px){
  .menu-btn {
      display: block;
  }
  .header_wrap{padding: 19px 0; opacity:1;}
  .menu-btn{display: block;}
  .menu-wrap {display: block; position: fixed;left: -100%; transition: 0.5s ease all; max-width: 350px;background: #fff;top: 0; z-index: 6; height: 100vh; width: 100%; padding: 40px 20px; overflow-y: auto; opacity:1;}
  .open-menu .menu-wrap{left: 0;}
  .open-menu .header__nav-button {position: fixed;z-index: 7; top: 15px; left: 309px;}
  .menu-wrap ul { display: block; margin: 0;}
  .nav_element li { margin-bottom: 15px;}
  .nav_element li ~ li { margin-left: 0;}
  .nav_element li>a{color:var(--font-4B4B4B); padding:5px 0px;}
  .header_wrap{background: transparent;}
  .top-header{padding:10px 0px;}
  .call-img-wrap{display: none;}
  .top-header-row .logo a img{max-width:80%;}
  }

@media (max-width: 767px){
  .banner-row-innner{flex-direction: column;}
  .banner-content{width:100%; padding-bottom:40px;}
  .banner-image{width:100%;}
  .blog-post{width:50%; padding:0px 15px;}
  .blog-row{margin: 0px -15px; row-gap:40px;}
  .single-blog-inner  .banner-content{padding-bottom:0px; margin-bottom:0px;}
  .single-blog-content-rwo h1{font-size:21px;}
  .single-blog-inner{margin:0px;}
  .single-blog-inner .banner-image{margin-bottom:15px;}
  .pagination{padding:60px 0px;}
  .single-blog-banner{height:260px;}
  .single-blog-content-rwo span.date{margin-top:15px; display:block;}

}


@media (max-width: 480px){
  .blog-post{width:100%;height:auto;}
  .blog-post img{width:100%;height:auto;}
}


/* SINGLE-BLOG */
.single-blog-content-rwo{
	max-width:860px;
	margin:auto;
}

img {
	max-width:100%;
	height:auto;
}

/* ALIGNMENTS */

.alignleft {
	max-width:100% !important;
	height:auto;
	display: inline;
	float: left;
	clear: none;
	margin-right: 1.5em;
}

.alignright {
	max-width:100% !important
	height:auto;
	display: block;
	float: right;
	clear: none;
	margin-right: 1.5em;
}

.aligncenter {
	max-width:100% !important;
	height:auto;
	clear: both;
	display: block;
	margin: 0 auto;
}

/* EMBEDDED-CONTENT */

.wp-embedded-content {
    width: 100% !important;
}

.wp-embed-featured-image img{
	float: left !important;
    max-width: 160px !important;
    margin-right: 20px !important;
}

.wp-embed-featured-image.rectangle {
	float: left !important;
    max-width: 160px !important;
    margin-right: 20px !important;
}

.wp-embed-featured-image.sqaure {
	float: left !important;
    max-width: 160px !important;
    margin-right: 20px !important;
}

.sue-photo-panel.rounded-photo > .sue-photo-panel-head > img {
	border-radius: 15px;
}