    body {
	font-size: 15px;
	font-family: "Lexend", sans-serif;
	width: 100%;	height: 100%;	margin: 0;	font-weight: 400;
	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;
	word-wrap: break-word;
	color: #fff;
		background:#0a0f15 url("../img-new/bg-repeat.jpg") repeat-x;
}
 body{  height:100%; overflow-y:scroll; overflow-x:hidden;}

h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img {
	margin: 0;	padding: 0;
}

inpot, button {
	margin: 0;	padding: 0;
}


h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;	font-weight: inherit;	font-family: "Lexend", sans-serif;}
p {
	line-height: normal;	font-size: 15px;	font-family: "Lexend", sans-serif;font-weight: 400;
	color: #fff;
}
img {
	width:100%;
}
h1 {
	font-size: 2.2em;	line-height: 1;
}
h2 {
	font-size: 2.5em;	line-height: 1.1;
}
h3 {
	font-size: 1.5em;
	padding-bottom:1px;

}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: .9em;
	letter-spacing: 1px;
}

a{
	display: inline-block;
	text-decoration: none;
}
 button {
	display: inline-block;
	text-decoration: none;
	color: inherit;
transition: all .3s;
}


a:focus, a:active, a:hover, button:focus, button:active, button:hover, a b.light-color:hover {
	text-decoration: none;
	color: #00adcf;
}
b {
	font-weight: 500;
}
li {
	list-style: none;
	display: inline-block;
}
span {
	display: inline-block;
}
button {
	outline: 0;
	border: 0;
	background: none;
	cursor: pointer;
}
b.light-color {
	color: #fff;
}


@media (min-width: 1200px) {
.container {
    max-width: 1160px;
}
}

.btn {
	font-size: 1em;	padding: 10px 8px;	border-radius: 1px;	letter-spacing: 2px;
	border: 1px solid #00adcf;
	background: #00adcf;
	color: #fff;
	font-family: "Lexend", sans-serif;}
.btn:hover {
	color: #00adcf;
	background: none;
}
.btn-2 {
	background: none;
	color: #00adcf;
}
.btn-2:hover {
	background: #00adcf;
	color: #fff;
}
.section {
    padding: 70px 0 40px;
}
.section .heading {
	padding-bottom: 70px;
}
.card {
	background: transparent;
	border: 0;
}
.icon {
	font-size: 2em;
}
::-webkit-input-placeholder {
font-size: .9em;
letter-spacing: 1px;
}
::-moz-placeholder {
font-size: .9em;
letter-spacing: 1px;
}
:-ms-input-placeholder {
font-size: .9em;
letter-spacing: 1px;
}
:-moz-placeholder {
font-size: .9em;
letter-spacing: 1px;
}
header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000 !important;
	font-size: .95em;
	
	background: transparent;
	font-family: "Lexend", sans-serif;}
.blog-posts .single-post {
	margin-bottom: 60px;
}
.single-post .icons {
	overflow: hidden;
	line-height: 30px;
	margin: 30px 0 10px;
}
.single-post .icons .caegory-btn {
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
}
.single-post .icons ul.social-icons {
	color: #666;
}

 ul.social-icons li {
    list-style: none;
    display: inline-block;
    border: white 2px solid;
    border-radius: 50px;
    width: 40px;
    text-align: center;
    padding: 3px;
	 margin-left:10px;
}

.single-post .icons ul.social-icons>li>a {

}
.single-post .icons ul.social-icons>li>a>i {
	margin-right: 10px;
}
.single-post .title {
	margin: 20px 0 15px;
}
.single-post .date {
	color: #999;
}
.single-post .read-more-btn {
	clear: both;
	margin-top: 30px;	
	border: 2px solid #00ADCF;
	background: #00ADCF;
	font-weight:bold;
	color: #fff;
}
.single-post .read-more-btn:hover {
	
	background: #fff;
	color: #000;border: 2px solid #f4f4f4;
	font-weight:bold !important;
}/* POST STYLE TWO */
.post-style-2 .image-wrapper {
	padding-right: 30px;
}
.post-style-2 .post-details .icons {
	margin-top: 0;
}
.post-style-2 .post-details .icons .caegory-btn {
	margin: 0;
}
.blog-posts .load-more-btn {
	clear: both;
	margin: 70px 0 30px;
}
.sidebar-section {
	margin-bottom: 50px;
}
.sidebar-section .title {
	margin-bottom: 30px;
}
.sidebar-area img {
	max-width: 600px;
}
.about-author {
	margin-top: 30px;
	padding: 0 30px 30px;
	background: #093162;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, .2);
}
.about-author .author-image {
	max-width: 150px;
	margin: 0px auto 20px;
	transform: translateY(-30px);
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
}
.about-author .social-icons>li {
	margin: 0 10px;
	color: #fff;
	font-size: 1.05em;
}
.about-author .author-name {
	margin: 20px 0;
}
.about-author .signature-image {
	margin: 20px auto 0;
	max-width: 120px;
}
.about-author .read-more-link {
	margin: 20px 0;
	font-size: .9em;
	letter-spacing: 2px;
	position: relative;
	overflow: hidden;
	color: #00adcf;
}
.about-author .read-more-link:after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	height: 1px;
transition: all .2s;
	background: #00adcf;
}
.about-author .read-more-link:hover:after {
	transform: translateX(100%);
}/* LATEST POSTS */
.latest-post {
	overflow: hidden;
	margin-bottom: 20px;
}
.latest-post .l-post-image {
	width: 80px;
	float: left;
}
.latest-post .post-info {
	margin-left: 100px;
}
.latest-post .category-btn {
	padding: 5px 10px;
	margin-bottom: 5px;
}
.latest-post .date {
	margin-top: 5px;
	color: #888;
}
footer {
	background:url("../img-new/footer-bg.jpg");
	color: #fff;
}
footer .footer-section {
	margin: 15px 0 15px 0;
	color: #ddd;
}
footer .copyright {
	color: #ddd;
}
footer .social-icons {
	text-align: right;
}
footer .social-icons>li>a {
	
	color: #fff;
	font-size: 20px;
}/* ---------------------------------Slider--------------------------------- */
.slider {
	margin: 68px auto 0 auto;
	max-width: 1920px;
	position: relative;
}
.slide_viewer {
	height:676px;
	overflow: hidden;
	position: relative;
}
.slide_group {
	height:90%;
	position: relative;
	width: 100%;
}
.slide {
	display: none;
	/*height: 100%; */
	position: absolute;
	width: 100%;
}
.bg1_slider{ background:url("../img-new/banner1.jpg") no-repeat top left;
	background-size: cover;	width: 100%;
	height:854px;	display:flex;align-items: center;		
}
.bg2_slider{ background:url("../img-new/center-img.jpg") no-repeat top left;
	background-size: cover;	width: 100%;
	height:854px;	display:flex;align-items: center;		
}

.slider-div-img{}




.slider-text-services {	
	color:#fff;	flex-direction: row;	font-size:12px;	text-align:left;		overflow:auto;
}
.slider-text-services h5{ text-align: left;}
.slider-text-services h5 img {
	max-width:640px;		margin-bottom:15px;
}

.slider-text-services p {
	color:#fff;	font-size:14px;		margin-bottom:15px;		padding: 10px;
}

.right-banner-container {
	width:100%;	max-width:1680px;	margin:0 auto;	letter-spacing:3px;	font-weight:bold;	margin-top:62px;
	z-index:5;
}
.right-banner-container .banner-small-text {
	text-transform:uppercase;	font-size:1em;	color:#fff;	font-weight:bold;	padding:0 0 5px 0;	margin-bottom:5px;	border-bottom:#fff 1px solid;
	width:255px;
}

.right-banner-container .banner-small-text1 {
	text-transform:uppercase;	font-size:1.3em;	color:#fff;	font-weight:bold;	padding:0 0 5px 0;	margin-bottom:5px;	text-align:center;	letter-spacing:2px !important; 
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	
}





.right-banner-container h1 {
	color:#fff;
	font-size:3.6em;
	font-weight:bold;
	text-align:center;
	line-height:42px;
	padding:0em 0em 1em 0em;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
.right-banner-container span {
	color:#01a6c7 !important;
	font-weight:bold;
}
.readmore-section {
	text-align: center;
	position: absolute;
	z-index: 99;
	top:270px;
	width:100%;
}

.right-banner-container .read-more-btn-home
{
	font-size:19px;
	color:#fff;
	margin-top:140px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);


}



.right-banner-container .read-more-btn-home img{ width: 80px; margin-right:5px;}



.right-banner-container .read-more-btn:hover {
	box-shadow: 1px 3px 15px rgba(0, 0, 0, .15);
	background: #fff;
	color: #00adcf;
}
.heading-banner-text {
	font-weight:bold;
}
.slide:first-child {
	display: block;
}

.slider .slide_buttons {
	left: 0;
	bottom:-70px;
	position: absolute;
	right: 0;
	z-index:1;
	text-align: center;
	
}
a.slide_btn {
	color: #182531 !important;
	font-size: 56px;
	margin: 0 0.175em;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
a.active {
	color: #00adcf !important;
}

.main-menu__brand {
  position: relative;  height: auto;  padding: 15px 0 10px 0;  width: 100%;
}


.slide_btn.active, .slide_btn:hover {
	color: #00adcf;
	cursor: pointer;
}/*Strip the ul of padding and list styling*/
ul#menu {
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
	position: relative;
	float: right;
}/*Create a horizontal list with spacing*/
ul#menu li {
	display: inline-block;
	float: left;
	margin-right: 1px;
}/*Style for menu links*/
ul#menu li a {
	display: block;
	padding: 20px 15px;
	color: #fff;
	text-decoration: none;
	font-weight: 300;
	font-family: "Lexend", sans-serif;
}/*Hover state for top level links*/
ul#menu li a:hover {
	background: #00adcf;
	color: #fff;
}/*Style for dropdown links*/
ul#menu li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
}/*Hover state for dropdown links*/
ul#menu li:hover ul a:hover {
	background: #00adcf;
	color: #fff;
}/*Hide dropdown links until they are needed*/
ul li ul {
	display: none;
}
ul#menu ul {
	width: 240px;
	position: absolute;/*top: 61px;*/
	left: auto;
}
ul#menu ul::before {
content: '';
position: absolute;
top: -61px;
left: 0;
}/*Make dropdown links vertical*/
ul#menu li ul li {
	display: block;
	float: none;
	font-weight:300;
}/*Prevent text wrapping*/
ul#menu li ul li a {
	width: auto;
	text-align: left;
	font-size: 12px;
	padding: 8px 20px;
	font-weight:300;
}/*Display the dropdown on hover*/
ul#menu li a:hover+.hidden, .hidden:hover {
	display: block !important;
}/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	background: #00adcf;
	text-align: center;
	padding: 10px 0;
	display: none;
}/*Hide checkbox*/
input[type=checkbox] {
	display: none;
	-webkit-appearance: none;
}/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked~#menu {
display: block;
}
.contact-inner {
	color:#fff !important;
	padding:25px 0 20px 0;
}
.contact-inner h4 {
	color:#00adcf;
	padding:0 0 10px 0;
}
.contact-inner li {
	color:#fff !important;
}
.contact-inner p {
	color:#fff !important;
}
.box-effect {
	background-color: #E7E7E7;
	padding-top: 15px;
	padding-bottom: 15px;
}
.box-effect:hover {
	background-color: #fff;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
}
.common-icon-n {
}
.common-icon-n img {
	margin-top: 15px;
	width: 70px;
	height:70px;
	margin-bottom: -5px;
	position:relative;
}/*Responsive Styles*/


@media screen and (max-width: 920px) {
.show-menu {
display: block;
width: 46px;
float: right;
}
ul#menu {
    position: static;
    display: none;
}
ul#menu {
position: static;
display: none;
}
.primary-navigation {
position: static;
display: none;
}/*Create vertical spacing*/
ul#menu li {
margin-bottom: 1px;
}/*Make all menu links full width*/
ul#menu li, li a {
width: 100%;
}
ul#menu li a {
display: block;
padding: 10px 8px !important;
}/*Display 'show menu' link*/

}


@media screen and (max-width: 760px) {
.transparent-backbg {
padding: 4em 0 0 0 !important;
}
.right-banner-container {
float:left;
width:100% !important;
text-align: center;
}
.slide h1 {
color:#fff;
font-size:2.5em;
text-align:center;
line-height:40px !important;
padding:1em .5em 1em .5em !important;
}
ul#menu {
position: static;
display: none;
}
.primary-navigation {
position: static;
display: none;
}/*Create vertical spacing*/
ul#menu li {
margin-bottom: 1px;
}/*Make all menu links full width*/
ul#menu li, li a {
width: 100%;
}
ul#menu li a {
display: block;
padding: 10px 8px !important;
}/*Display 'show menu' link*/

.slider {
margin:50px auto 0 auto !important;
}
.main-menu__brand {
top: 0px !important;
}
.menu-menu-1-container {
margin-top: 5px;
}
.border-m {
border-left:none !important;
}
}
@media only screen and (max-width: 992px) {
h1 {
font-size: 4em;
}
h2 {
font-size: 3em;
}
h3 {
font-size: 2em;
}

.slide_viewer {
	height:494px;
	overflow: hidden;
	position: relative;
}

.right-banner-container .read-more-btn-home
{
	font-size:15px;
	color:#fff;
	margin-top:80px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);

}



.readmore-section {
	top:126px !important;

}

}
@media only screen and (max-width: 767px) {
	
.slide_viewer {
	height:400px;
	overflow: hidden;
	position: relative;
}
	
	
	.blue-text-panel{background:#00adcf;min-height:330px; overflow:auto; margin-bottom:20px; float:left; width:100% !important;}
.single-services_new > h4 {
    color: #444;
    font-size: 1.1em ;
	font-weight:bold;
}

.col-service-main{float:left;width:100% !important;}	

.col-pad-15left{padding-left:5px !important;padding-right:5px !important;}
.col-pad-15right{padding-left:5px !important;padding-right:5px !important;}
	
	
p {
line-height: 1.4;
}
h1 {
font-size: 3em;
}
h2 {
font-size: 2.5em;
}
h3 {
font-size: 1.8em;
}
h4 {
font-size: 1.5em;
}
h5 {
font-size: 1.2em;
}
.section {
padding: 40px 0 10px;
}
.blog-posts .single-post {
margin-bottom: 50px;
}
.post-style-2 .image-wrapper {
padding-right: 0px;
float: none;
width: auto;
max-width: 500px;
}
.post-style-2 .post-details {
float: none;
width: 100%;
margin-top: 30px;
}
.blog-posts .load-more-btn {
margin: 20px 0 60px;
}





.services-menu__block .inner h3 {   
    font-size: 0.9em !important;
}

.services-menu__sub-menu {
    width: 100%;
    padding: 5px 0 !important;
    display: block;
}
.services-menu__block .inner p {
   
    line-height: 22px !important;
}
.services-menu__block .inner .submenu-wrap a {
   font-size: 12px !important;
    padding: 0 0px 0 15px !important;
   
}

.readmore-section {
	text-align: center;
	position: absolute;
	z-index: 99;
	top:70px !important;
	width:100%;
}



.right-banner-container .read-more-btn-home img{ width: 48px !important; margin-right:5px; }

}
@media only screen and (max-width: 479px) {
body {
font-size: 14px;
}
	
	
.slide_viewer {
	height:380px !important;
	overflow: hidden;
	position: relative;
}
		
	
	
	
.left-area, .right-area {
float: none;
}
.width-60, .width-50 {
width: 100%;
}
.left-area li a, .right-area li a {
padding: 0 10px 0 0!important;
}
.single-post .icons ul.social-icons {
margin-top: 10px;
}
}
.border-all {
	border:#dfdfdf 1px solid;
}
.article-img-text {
	background:#f4f4f4;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	margin:20px 0 40px 0;
	border-bottom:#dfdfdf 3px solid;
}
.article-img-text p{ color:#000 !important;}




/* New Css for home page */

.services-contents{ padding:0px 0 40px 0; }
.section-headline h1{display:inline-block;font-size: 2.5em;font-weight:600;margin-bottom:70px;position:relative;text-transform:capitalize;}
.section-headline h1::after{border:1px solid #333;bottom:-20px;content:"";left:0;margin:0 auto;position:absolute;right:0;width:40%;}
.services-details{padding-top:40px;transition:all 0.5s ease 0s;}
.services-details:hover h4, .services-details:hover .services-icon{color:#3EC1D5;}
.single-services > h4 {
    color: #444;
    font-size: 24px;
    font-weight: 500;
}

.services-details_new{padding-top:0px;transition:all 0.5s ease 0s; background:#e7e7e7; min-height:330px; overflow:auto; margin-bottom:20px;}
.blue-text-panel{background:#00adcf;min-height:330px; overflow:auto; margin-bottom:20px; float:left; width:19%;}

.single-services_new > h4 {
    color: #444;
    font-size: 1.1em ;
	font-weight:bold;
}

.col-service-main{float:left;width:27%;}
.col-pad-15left{padding-left:15px;}
.col-pad-15right{padding-right:15px;}


.single-services_new p{
	padding:8px 10px 10px 10px	;
	line-height:18px !important;
}




.testimonials-area{background:rgba(0, 0, 0, 0) url("../images/slider1.jpg") no-repeat fixed center top/cover;height:auto;width:100%; padding:50px 0;}
	.quate{border:1px dotted #fff;border-radius:50%;color:#fff;display:inline-block;font-size:24px;height:70px;line-height:70px;width:70px;}
.quate:hover{color:#fff;}

	.testi-inner{position:relative;width:100%;height:auto;z-index:1;}
	.testi-overly{background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1;}
	
	.testi-img img{border:1px dotted rgba(0, 0, 0, 0.05);border-radius:2px;height:80px;margin:0 auto;padding:5px;transition:background 0.6s ease-out 0s;width:80px !important;}
	.testi-text p{color:#fff;font-size:16px;line-height:1.5em;margin:20px 0;letter-spacing:1px;}
	.testi-text h6{color:#fff;font-size:20px;}
	.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span{background:#fff none repeat scroll 0 0;display:inline-block;height:8px;width:8px;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;border-radius:50%;}
	.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots{bottom:-30px;display:block;left:50%;margin-left:-20px;position:absolute;}
	.testimonial-content{margin-bottom:15px;}
	.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot{display:inline-block;margin:0 3px;}
	.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span{background:#3EC1D5;}
	.testi-text.text-center>h6{color:#fff;font-size:20px;font-weight:700;text-transform:uppercase;}





.services-icon {
    color: #444;
    display: inline-block;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 20px;
}

/* New Redesign page css */
.section-about{
padding-top: 70px;
	padding-bottom:70px;
}

.section-heading-div {
	padding-top: 70px;
	padding-bottom:70px;
}
.section-blog{
	padding-top:0px;
	padding-bottom:150px;
}

.section-blog1{
	padding-top:0px;
	padding-bottom:50px;
}




.section-bot-com{
	padding-bottom:20px;
}

.height-70{height:25px;}




.blue-text{color: #00adcf;}
.img-div{ text-align: center;}
.mar-theading{margin-top:10px;}

.mar-theading-10b50{margin-top:10px; margin-bottom:50px;}



.mar-50{  margin-top:50px;}
.mar-30{  margin-top:50px;}
.mar-70{  margin-top:90px;}
.mar-60{  margin-top:80px;}

.marg-video-right{margin: 100px 0 0 50px;}
.video-div-home{ padding: 10px 12px; background-color: #fff; margin-bottom: 10px; text-align: center;}
.video-div-home p{ color: #000; font-size: 14px; text-align: left; padding: 10px 0 10px 0}

.blog-area, .contact-page{ background: #010101;}
.contact-us-div{color:#000;}
.contact-us-div h2, .contact-us-div label{color:#000 !important;}
.black-text{color:#000;}
#tax_crest, #Rockfort{color:#000;}

.latest-post-div .blog-section-inner-div{ 
	background:#133c68; padding: 10px 14px; min-height:440px; position: relative;
	margin-bottom:20px;
}



.case-study-home{padding-left:70px;padding-top:20px;}

.case-study-home1{padding-left:70px;padding-top:50px;}



.arrow-links{width:40px; float: right; margin-top:7px;}

.img-effect{opacity: 1;object-fit: cover;}
.img-effect:hover{opacity: 0.5;}

@media screen and (max-width: 1024px) {
	.section-new{overflow:hidden;}
	.blog-section-div-home{ min-height:260px !important;}
	
}




@media only screen and (max-width: 991px) {

.container, .container-fluid{
overflow-x: hidden !important;
}

}


.header {
 position: fixed;  
 z-index: 1000 !important;
  font-weight: bold;     width: 100%;  color: white;  

 }


.scrolled {}
.scrolled {
  background-color: #0a0f15 !important;
}

.active-mobile-menu .header.scrolled {}
.header--white, .active-mobile-menu .header, .header.active-hover, .header.active-menu { color: black;}

.header--white .main-menu__bar-wrapper__bar, .active-mobile-menu .header .main-menu__bar-wrapper__bar, .header.active-hover .main-menu__bar-wrapper__bar,

.header.active-menu .main-menu__bar-wrapper__bar {
  background-color: #e9e9e9 !important;
}

.active-mobile-menu .header--white, .active-mobile-menu  .active-mobile-menu .header, .active-mobile-menu .header.active-hover, .active-mobile-menu .header.active-menu {
  background-color: #e9e9e9;
}

@media (min-width: 1200px) {
  .header {  font-size: 14px;}
}


.login-page, .register-page {
    -ms-flex-align: center;    align-items: center;    background: #e9ecef;    display: -ms-flexbox;
    display: grid;    -ms-flex-direction: column;    flex-direction: column;    height: 100vh;    -ms-flex-pack: center;
    justify-content: right;
}
      
      .item {
  flex-grow: 1;  text-align: center;  border: 1px solid black;
}
.login-box, .register-box {
    width: 360px;   margin: 0px auto 0 auto;
}

.left-login-img{
margin-top: 0px;
}

.main-logo{padding:30px 5px 60px 30px;}
.main-logo1{padding:15px 5px 10px 15px;}

.img-login-small {   display:none;  }
  
   .logo-company{    float:right;    padding:15px 10px;  }
   h5{ text-align: center;}
  .login-heading{text-align: center !important;width: 100%;}
  
  .btn-primary {
    color: #fff;    background-color: #00ADCF !important;    border-color: #00ADCF !important;    box-shadow: none;    border-radius:0px !important;
}

 @media only screen and (max-width: 1024px) {
  body{
     
     background-repeat: repeat-x !important;    background-position: left top !important;    background-size: auto !important;    
  }
  .main-logo{padding:20px 0px 10px 10px!important;} 
  .logo-company{
    text-align: center !important;
    width: 100%;
  }
  .logo-company1{
    text-align: center !important;
    width: 100%;
  }

}

.login-logo1, .register-logo {
    font-size: 1.5rem;
    font-weight: 900;
    padding:8px 0;
    margin-bottom: 0rem !important;
    text-align: center;
    background-color: #00adcf;
}


@media only screen and (max-width: 767px) {
 .img-login-small {
   display:block;
  }
	.left-login-img{ display:none;}
	
	.logo-company{
   display:none;
  }
  
  .login-box, .register-box {
    width: 320px;
   margin: 22px auto 0 auto !important;
}
.login-logo, .register-logo{
    display:none;
}
.login-card-body, .register-card-body{
    padding:10px !important;
}
.text-left {
    text-align: center!important;
}
}
  


.card-body {
    padding-bottom: 20px;
    background: #fff;
}

.new-about{
	min-height:550px;
	display:flex;
	flex-direction: row;
	align-items:center;	
	
}

.cls-banner-text{
	min-height:298px;
	display:flex;
	flex-direction: row;
	align-items:center;	
}
.cls-banner-text h1{
	color:#00adcf;	
	font-size: 60px;	
	font-weight:bold;
	padding: 0 0 24px 0;
	text-align:left;
}
.cls-banner-text p{
	text-align:left;
}




.box-blog-section{ 
	background-color:#0a0f15;	padding: 14px;	height:360px;	border:#142334 1px solid;	margin-bottom:20px;
}

.box-blog-section h3{ 
	font-size:25px;	padding: 0 0 20px 0;	line-height: 30px;
}

.box-blog-section p{ 
	font-size:14px;	line-height: 20px;font-weight:300;
}


.box-blog-section_n{ 
	min-height:390px;	margin-bottom:20px;
}

.box-blog-section_n h3{ 
	font-size:25px;	padding: 20px 0 20px 0;	line-height: 30px;
}

.box-blog-section_n p{ 
	font-size:14px;	line-height: 20px;font-weight:300;
}

.client-logo{
	min-height:150px;	display:flex;	align-items:center;		width: 100%;
}
.client-div-img{}

.client-div-img ul{
  list-style:none;  display:flex;  flex-direction:row;  justify-content:flex-end;  height:100%;  gap:3vw;
 
 }

.client-div-img li
{
	padding: 0 15px;
}


.heading-blue-text{
	color:#00adcf;	font-size:36px;	padding:0px 0 5px 0;	font-weight:700;
}


@media only screen and (max-width: 767px) {

.client-logo{
	min-height:150px;	display:flex;	align-items:center;		width: 100%;
}	
	
	
.client-div-img ul {
        list-style: none;        display: block;        flex-direction: row;        justify-content: center;        height: 100%;
        gap: 3vw;        width: 340px;        text-align: center;
	}
	
	
	.cls-banner-text h1{font-size:36px; text-align:center; }	
	.cls-banner-text p{text-align:center; }
	

	
}



.review-section{
	bacnkground-color:#141e27;	border:#142334 1px solid;	border-radius:12px;	padding: 15px;	float: left;	width: 350px;	margin-bottom: 30px;
}
.review-section .img-div-review{
	width: 110px;	float: left;
	
}
	.review-section .review-img{	width: 80px;	height:80px;	border-radius:50%;	float: left;	margin-bottom: 12px;}


.review-section .review-text{
	width: 200px;	float: left;
}

.review-section .review-text h4{
	font-size: 19px; color: #fff;
}

.review-section .review-text p{
	font-size: 14px; color: #858585;
}


.star-div{ padding: 10px 0;}
.client-reviw-text1{ padding: 12px 0;}
.client-reviw-text1 p{font-size: 14px; color: #ececec; line-height: 16px; text-wrap: wrap;}


.yellow-text{color:#ffd401; font-weight: bold;}
.white-text{color:#fff;}


.banner-section{ margin-top:30px;}

.inner-page-heading{ background: #091c25; position: relative; padding:12px 0;
	margin-left:3px; margin-right:3px; margin-top:-15px; text-align: center;}

.inner-page-heading h1{ font-weight:bold; margin:0; padding:5px 0 5px 0; line-height:40px; }
.inner-page-heading h3{ margin:0; padding:0px 0 6px 0; font-size: 1.7em;}



.inner-heading-section {padding-top: 30px;}
#inner-container{}
#inner-container h2{ color:#fff; font-size: 1.7em; font-weight:bold; padding: 25px 0 15px 0;}
#inner-container p{ font-size:14px; color:#fff; line-height:24px; font-weight: 300;}
#inner-container ul{ margin: 0; padding:15px 0; }



.client-logo-section{ padding:80px 0 0 0;}








.marquee-box-one {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
   margin: 12px 0 0px 20px;
	
}
.marquee-content-one {
    display: flex;
    gap:24px;  
	padding: 0 20px;
    animation: scroll-one 27s linear infinite;
}
.marquee-box-two {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
   margin: 12px 0 0px 20px;
}
.marquee-content-two {
    display: flex;
    gap: 24px;
    padding: 0 20px;
    animation: scroll-two 27s linear infinite;
}
.marquee-text {
   
    display: flex;
    align-items: center;
    user-select: none;
}
.marquee-text:hover {
    background-color: #31393F;
    border: 1px solid #31393F;
}

@keyframes scroll-one {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
@keyframes scroll-two {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
}



