html
{
	scroll-behavior: smooth;
}
body
{
	margin: 0;
	padding: 0;
	font-family: 'Product Sans Regular';
	color: #000000;	
	line-height:normal;
	/* overflow-x: hidden; */
}
img{ max-width:100%; }

input:focus,
textarea:focus{
	outline:none;
}

.fw1{ font-weight:100 !important; }
.fw2{ font-weight:200 !important; }
.fw3{ font-weight:300 !important; }
.fw4{ font-weight:400 !important; }
.fw5{ font-weight:500 !important; }
.fw6{ font-weight:600 !important; }
.fw7{ font-weight:700 !important; }

.ff-r{ font-family: 'Product Sans Regular'; }
.ff-m{ font-family: 'Product Sans Medium Regular'; }
.ff-b{ font-family: 'Product Sans Bold'; }
.ff-black{ font-family: 'Product Sans Black Regular'; }

.clr-blue{
	color:#1b8db9 !important;
}
.clr-blk{
	color:#050708 !important;
}
.clr-white{
	color:#fff !important;
}
.list-simple{
	list-style:none;
	margin:0;
	padding:0;
}


.header_section{position: fixed; top:0; width: 100%; z-index: 2;}
.header_section.scroll-bg{ background-color: #fff; box-shadow: 0px 0px 10px 1px #0000001f; }
.header_section .dot_img_{position: absolute; top: 0; right: 200px; z-index: -1;}
.header_section .header_bar{width: 100%; height: auto; padding: 40px 0px; display: flex; align-items: center; justify-content: space-between;}
.header_section .header_logo{width: 250px;}
.header_section .header_logo img{width: 100%;}
.header_section .menu_links{margin: 0; padding: 0; list-style: none;}
.header_section .menu_links li{display: inline-block; padding: 10px 15px;}
.header_section .menu_links .menu_btn{padding: 0 5px;}
.header_section .menu_links .menu_btn a,
.header_section .menu_links_side .menu_btn a{border: 1px solid #1e8db9; border-radius: 50px; padding: 10px 15px; transition: all 0.3s linear;}
.header_section .menu_links .menu_btn a:hover, 
.header_section .menu_links .menu_btn.active a,
.header_section .menu_links_side .menu_btn a:hover, 
.header_section .menu_links_side .menu_btn.active a{background: #1e8db9; color: #fff;}
.header_section .menu_links li a,
.header_section .menu_links_side li a{color: #fff; font-size: 17px; text-decoration: none;  transition: all 0.3s linear;}
.header_section .menu_links li a:hover,
.header_section .menu_links_side li a:hover{color: #1e8db9;}
.header_section .menu_links li .active,
.header_section .menu_links_side li .active{color: #1e8db9; border-bottom: 0px solid;}

.header_section .menu_links_side{background: #000; position: fixed; top: 0; right: -290px; width: 290px; height: 100%; padding: 15px; transition: all 0.5s ease-in-out; padding-top: 150px; }
.header_section.header_type_2 .menu_links_side{background: #fff; }
.header_section .menu_links_side.show{right: 0;box-shadow: 0px 0px 15px #cccccc;}
.header_section .menu_links_side li{display: block; text-align: center;}
.header_section .menu_links_side li a{display: block; padding: 12px 15px; text-align: center; color:#545454;}
.header_section .menu_links_side li.menu-btn-r {
    margin-left: 35px;
}
.header_section .menu_links_side li.menu-btn-r a{  
	padding: 13px 36px;
    color: #FFF;
    border-radius: 30px;
    background-color: #1e8db9;
}
.header_section .menu_links_side .menu_btn{padding: 15px;}

.header_section .menu_drawer{z-index: 1020;}
.header_section .menu_drawer .toggle_icon{
	height: 36px;
    width: 36px;
    padding: 7px;
    border: 1px solid #eceded;
    background-color: #FFF;
    border-radius: 2px; 
	display: flex; 
	flex-wrap: wrap; 
	align-items: center; 
	justify-content: center; 
	transition: all 0.3s ease-in-out;
}
.header_section .menu_drawer .drawer_bar{border-bottom:2px solid #000; transition: all 0.3s linear;}
.header_section .menu_drawer .drawer_bar_1{width: 20px; position: relative; left: 0px; transition: 0.2s ease;}
.header_section .menu_drawer .drawer_bar_2{width: 20px; position: relative; right: 0px; transition: 0.2s ease;}
.header_section .menu_drawer .drawer_bar_3{width: 20px; position: relative; right: 0px; transition: 0.2s ease;}

.header_section .menu_drawer .toggle_icon.cross .drawer_bar_1{ transform: rotate(45deg); top: 5px; left: 0; }
.header_section .menu_drawer .toggle_icon.cross .drawer_bar_2{ transform: rotate(-45deg); bottom: 5px; right: 0; }
.header_section .menu_drawer .toggle_icon.cross .drawer_bar_3{ display:none; }

.header_section .menu_drawer .toggle_icon:focus{box-shadow: none;}

.header_section .menu_drawer .toggle_icon:hover{border: 1px solid #1e8db9;}
.header_section .menu_drawer .toggle_icon:hover .drawer_bar{border-bottom: 2px solid #1e8db9;}

.header_section.scroll-bg .header_bar {
    padding: 10px;
}

.btn.btn-main {
    color: #FFF;
    background-color: #1b8db9;
    font-size: 21px;
    padding: 11px 40px;
    border-radius: 34px;
}
.btn.btn-type-2 {
    color: #FFF;
    background-color: #1b8db9;
    font-size: 21px;
    padding: 13px 40px;
    border-radius: 10px;
	width:100%;
}

.heading-type-1{
	font-size:45px;	
}
.heading-type-2{
	font-size:36px;	
}
.heading-type-3{
	font-size:27px;	
}
.heading-type-4{
	font-size:48px;	
}
.heading-type-5{
	font-size:30px;	
}

.para-1{
	font-size:18px;
	color:#535454;	
}
.para-2{
	font-size:10.5px;
}
.para-2.1{
	font-size:14px;
}
.para-3{
	font-size:24px;
}

/* FOOTER */

.copyright-text {
    font-size: 13px;
}
.form-control.h-form-input {
    font-size: 18px;
    color: #646464;
    height: calc(1.5em + 0.75rem + 17px);
    border: 1px solid #797979;
    border-radius: 11px;
    padding: 0.375rem 1.5rem;
	font-family:'Product Sans Bold';
}
.footer-social-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
}
.footer-logo-wrap img{ width:260px; }
ul.footer-social-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.footer-social-list li {
    margin: 15px 35px;
    margin-left: 0;
}
ul.footer-social-list li img {
    height: 25px;
}
.footer-social-text {
    color: #FFF;
    font-family: 'Product Sans Bold';
    font-size: 13.5px;
    margin-bottom: 0px;
}

.address-wrap {
    display: flex;
	margin-bottom:13px;
}
.address-wrap span {
    flex: 0 0 20px;
    margin-right: 10px;
}
.address-wrap p { margin-bottom:0; }
ul.footer-menu{
	list-style:none;
	padding:0;
	margin:0;
}
ul.footer-menu li{
	margin-bottom:10px;
}
ul.footer-menu li a {
	font-family: 'Product Sans Regular';
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
}
.menu1 ul.footer-menu li a {
	font-family: 'Product Sans Bold';
}

/*  Home page css */

.home-banner-caption {
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.home-banner-heading {
    font-size: 48px;
    text-transform: uppercase;
    font-family: 'Product Sans Medium Regular';
}
.home-banner-para {
    font-size: 21px;
    color: #535454;
}
.ach-icon-wrap{ text-align:center; }
.ach-icon-wrap img{ margin-bottom:15px; }
.ach-icon-wrap p{
	color:#FFF;
	font-size:18px;
	line-height: 26px;
	margin-bottom:0;
}
.box1{
	box-shadow: 0px 0px 11px 2px rgb(0 0 0 / 10%);
    padding: 25px 20px;
    border-radius: 30px;
	margin-top:110px;
}
.box2{
	box-shadow: 0px 0px 11px 2px rgb(0 0 0 / 10%);
    padding: 25px 30px;
    border-radius: 110px;
}
.box-img-wrap{
	margin-top:-110px;	
}
.round-box-img-wrap {
    background-color: transparent;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin: auto;
}
ul.list-type-1 {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 35px;
}
ul.list-type-1 li {
    font-size: 18px;
    margin-bottom: 25px;
    color: #535454;
    display: flex;
    align-items: center;
}
ul.list-type-1 li span {
    background-color: #1b8db9 !important;
    width: 7px;
    height: 7px;
	flex: 0 0 8px;
    margin-right: 17px;
    border-radius: 50%;
}
ul.list-type-2 {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.list-type-2 li {
    font-size: 18px;
    margin-bottom: 25px;
    color: #ffffff;
    display: flex;
    align-items: center;
}
ul.list-type-2 li span {
    background-color: #fff;
    width: 7px;
    height: 7px;
	flex: 0 0 8px;
    margin-right: 17px;
    border-radius: 50%;
}
ul.list-type-2.blk-list li {
    color: #000;
}
ul.list-type-2.blk-list li span {
    background-color: #000;
}
.h-blog-img-wrap {
    border-radius: 24px;
    overflow: hidden;
}
.h-blog-title {
    font-size: 24px;
    color: #1b8db9;
    font-family: 'Product Sans Medium Regular';
}
.h-blog-wrap.big-block .h-blog-title {
    font-size: 32px;
}
.h-blog-para {
    color: #535454;
    font-size: 18px;
	margin-bottom:0px;
}

.h-blog-wrap.d-flex {
    align-items: flex-start;
}
.h-blog-wrap.d-flex .h-blog-img-wrap {
    flex: 0 0 196px;
    max-width: 196px;
	margin-right: 15px;
}
.h-form-wrap {
    max-width: 390px;
}

.banner-subtitle{
	font-size:29px;
	color:#535454;
}

/* project page */

.project-box-wrap {
    background-color: #f8f9fa;
    border-radius: 5px;
	height:100%;
}
.project-box-wrap:hover {
    box-shadow: 0px 0px 20px 6px rgb(0 0 0 / 8%);
}
.project-content-wrap {
    padding: 12px 25px;
	padding-bottom:25px;
	cursor:pointer;
}
.project-box-title {
    font-size: 27px;
    font-family: 'Product Sans Medium Regular';
    color: #1b8db9;
	min-height: 65px;
}
.project-box-subtitle {
    font-family: 'Product Sans Bold';
    font-size: 22px;
    color: #535454;
}
.project-box-para {
    font-size: 17px;
	color: #535454;
}

.about-profile-wrap img {
    width: 180px;
}
.about-profile-wrap h3 {
    font-size: 27px;
    font-family: 'Product Sans Bold';
    color: #1b8db9;
}
.about-profile-wrap p {
    color: #000;
}

.banner-slider.slick-dotted.slick-slider{
	margin-bottom:0;
}
.banner-slider ul.slick-dots {
    bottom: 25px;
}

.my-list-pane {
    box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 15%);
    border-radius: 12px;
    position: relative;
	padding:12px;
}
.my-list-pane img {
    border-radius: 8px;
}
.nav-pills.my-list-nav li {
    flex: 0 0 100%;
    text-align: right;
	margin-bottom:5px;
}
.nav-pills.my-list-nav .nav-link {
    color: #535454;
    font-size: 24px;
	padding-left: 0;
	padding-right: 0;
}
.nav-pills.my-list-nav .nav-link.active, .nav-pills.my-list-nav .show>.nav-link {
    background-color: transparent;
    color: #1b8db9;
    font-size: 29px;
	font-family:'Product Sans Bold';
}
.my-list-pane p{
	font-size:18px;
	color:#000;
}

.client-testimonial-box {
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 30px;
    padding: 12px;
	padding-top: 80px;
}
.ct-img-wrap {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    margin-left: 35px;
	margin-bottom: -40px;
}
.ct-img-wrap img {
    max-width: unset;
}
.ct-text-wrap {
    background-color: #edf6f9;
    border-radius: 30px;
    padding: 15px 30px;
	padding-top: 50px;
}
.ct-text-wrap h4 {
    font-size: 20px;
    font-family: 'Product Sans Medium Regular';
    color: #1b8db9 !important;
}
.ct-text-wrap p {
    font-size: 15px;
    color: #535454;
    font-family: 'Product Sans Regular';
}

.slick-c-nav {
    display: flex;
    justify-content: center;
}
.slick-c-nav ul.slick-dots{
	display: inline-flex;
    width: auto;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 20%) inset;
    border-radius: 20px;
}
.slick-c-nav .slick-dots li{
	width: 25px;
    height: 12px;
	margin:0;
}
.slick-c-nav .slick-dots li.slick-active button {
    background-color: #1b8db9;
    border-radius: 20px;
    width: 25px;
    height: 12px;
}
.slick-c-nav .slick-dots li button::before {
    content: '';
}

span.slick-c-arrow.slick-arrow {
    position: absolute;
    bottom: -55px;
	cursor:pointer;
}
span.slick-c-arrow.slick-arrow img{ max-width:35px; }
.slick-c-prev{ left: 16px; }
.slick-c-next{ right: 16px; }

.contact-form-wrap {
    border: 1px solid #2e95be;
    padding: 60px 45px;
    border-radius: 10px;
	background-color:#FFF;
	padding-bottom: 40px;
	max-width:470px;
}
.contact-form-wrap .input-wrap {
    margin-bottom: 18px;
}
input.form-control.c-contact-input {
    border: 0px;
    border-bottom: 2px solid #000;
    border-radius: 0px;
    padding-left: 0;
    padding-bottom: 15px;
    color: #2e95be;
}
input.form-control.c-contact-input::placeholder {
    color: #2e95be;
}
.border-round-right{ border-radius:0px 8px 8px 0px; }.ms-text-wrap{ text-align:center; }
.ms-text-wrap h4{ color:#1b8db9; }

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #FFF;
    border-radius: 5px;
    min-width: 220px;
    box-shadow: 0px 5px 16px 0px rgb(0 0 0 / 10%);
    z-index: 1;
}

.dropdown-content a:hover{
	background-color: #f1f1f1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align:left;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {  }

.banner-section{ background-repeat: no-repeat; }
.header_section .menu_links_side li span{ display:none; }