.container {

	max-width: 1270px;

}

.login_info {

	border-radius: 20px;

	background: #fff;

	width: 24px;

	height: 24px;

	color: #323f4b;

	position: absolute;

	right: -15px;

	top: 9px;

	display: inline-block;

	line-height: 22px;

	text-align: center;

}



.login_info i {

	font-size: 14px;

	color: #757272;

}



.navbar-nav li {

	list-style: none;

	display: inline-block;

	padding: 0 26px;

}





.navbar-nav li a:hover {

	color: #21c9d2 !important;

}



#demo-1 {

	position: relative;

	overflow: hidden;

	min-height: 620px;

}



.rt_nvbr {

	text-align: right;

	display: inherit !important;

}



#navbarSupportedContent {

	margin: 9px 0 0 0;

}



.navbar {

	padding: .5rem 0 !important;

	width: 100%;

}



.nav_item_center {

	margin: 0px 33px 0px 33px !important;

}



header {

	position: relative;

	z-index: 1114;

}







.zs-slides::before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: #000000;

	opacity: 0.3;

	z-index: 111;

}



.main_prodct_sec::before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: #000000;

	opacity: 0.3;

}



.inr_bnr {

	padding: 20% 0 0 0;

	text-align: center;

	z-index: 111;

}



.inr_bnr a {

	color: #fff;

	font-size: 18px;

}



.inr_bnr a:hover {

	text-decoration: none;

	color: #fff;

}



/* header::before {

	content: '';

	position: absolute;

	opacity: 0.4;

	background: black;

	width: 100%;

	height: 100%;

} */



.projects {

	margin: 70px 0px 90px 0px;

}



.main_top_projects {

	width: 100%;

	text-align: center;

}



.main_top_projects h1 {

	font-size: 35px;

    font-weight: 700;

    margin: 0 0 30px 0;

    color: #3e3e3e;

}



.main_top_projects ul {

	list-style: none;

	display: flex;

	justify-content: center;

	margin: 25px 0 50px 0px;

}



.main_top_projects li {

	margin: 17px;

}



.main_top_projects li a {

	color: #222222;

	font-size: 15px;

	font-weight: 600;

	background: #f3f3f3;

	padding: 6px 18px;

	border-radius: 2px;

}



.main_top_projects li a.active {

	background: #35b44a;

	color: #fff;



}



.main_top_projects li :hover {

	background: #35b44a !important;

}



.main_top_projects li a:hover {

	color: #fff;

	text-decoration: none;

}



.middle {

	background: rgba(28, 173, 77, 0.8) none repeat scroll 0 0;

border-radius: 100%;

cursor: pointer;

height: 100%;

opacity: 1;

overflow: hidden;

position: absolute;

top: 0;

transform: scale(0);

transition: all 0.7s ease-out 0s;

width: 100%;

z-index: 111;

-webkit-transition: all 0.7s ease-out 0s;

-ms-transition: all 0.7s ease-out 0s;

-o-transition: all 0.7s ease-out 0s;

-moz-transition: all 0.7s ease-out 0s;

transition: all 0.7s ease-out 0s;

cursor: pointer;

overflow: hidden;

-webkit-transform: scale(0);

-moz-transform: scale(0);

-o-transform: scale(0);

-ms-transform: scale(0);

transform: scale(0);

border-radius: 100%;

}



.main_prodct_sec:hover .middle {

	-webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    border-radius: 0;

}



.main_prodct_sec {

	position: relative;

	cursor: pointer;

}



.middle h2 {

	font-size: 20px;

	color: #fff;

	font-weight: 500;

}



.middle span {

	color: #ffff;

	font-size: 15px;

}



.middle:hover::before {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	opacity: 0.1;

}
.banner_cnt {
    z-index: 1;
}



.contect_prodct {

	padding: 108px 26px;

	z-index: 9999 !important;

	position: relative;

}



.main_prodct_sec:hover .middle_on_img {

	display: none;

}



.image_prodct img { 

	width: 100%;

}



.middle span i {

	margin-right: 5px;

	font-size: 14px;

}



.middle_on_img {

	position: absolute;

	left: 20px;

	color: #fff;

	bottom: 25px;

}



.middle_on_img:hover {

	display: none;

}



.contect_prodct_on_img h2 {

	font-size: 20px;

	color: #fff;

	font-weight: 500;

}



.contect_prodct_on_img span {

	color: #ffff;

	font-size: 15px;

}



.contect_prodct_on_img span i {

	margin-right: 7px;

}



.second_main {

	margin: 15px 0px;

}



.anchor_middle {

	position: absolute;

	top: 12px;

	right: 10px;

	font-size: 14px;

	font-weight: 600;

}



.anchor_middle a {

	color: #fff;

	background: #d6ad6d;

	padding: 4px 14px;

	border-radius: 3px;

	cursor: pointer;

	position: relative;

	z-index: 99999;

}



.anchor_middle a:hover {

	text-decoration: none;

	color: white;

	background: #35b44a;

}



.project_button {

	text-align: center;

	margin: 30px 0px 0px 0px;

}



.project_button a {

	color: #fff;

	background: #c3922e;

	padding: 7px 18px 7px 18px;

	border-radius: 3px;

	font-size: 16px;

	font-weight: 600;

}



.project_button a:hover {

	text-decoration: none;

	color: #fff;

	background: #d79613;

}



.main_about_us {

	position: relative;

}



.main_about_img {

	position: absolute;

	top: 85px;

	left: 0;

}



.about_us_content {

	background: #f7f2ec;

	margin-left: 55px;

	padding: 87px 30px;

}



.about_us_content h2 {

	color: #db8c23;

	font-weight: 400;

	font-size: 27px;

	padding-left: 85px;

}



.about_us_content h2:before {

	content: '';

	width: 60px;

	height: 2px;

	background: #dd922e;

	position: absolute;

	top: 17px;

	left: 14px;

}



.about_us_content p {

	font-size: 16px;

	line-height: 24px;

	font-weight: 400;

}



.portfolio-menu {

	text-align: center;

}



.control {

	background: #f3f3f3;

	color: #333;

	padding: 5px 10px;

	border: 0;

	border-radius: 3px;

	margin: 5px;

	cursor: pointer;

	-webkit-transition: all 05s ease;

	-moz-transition: all 05s ease;

	-ms-transition: all 05s ease;

	-o-transition: all 05s ease;

	transition: all 0.5s ease;

	font-weight: 600;

	font-size: 15px;

}



.portfolio-item li {

	list-style: none;

}



.control:hover {

	background: #35b44a;

	color: #fff;

}



.mixitup-control-active {

	color: #fff;

	background: #35b44a;

}



.fancybox-container button:focus {

	outline: 0;

	box-shadow: none;

}



.pd {

	padding: 0;

	padding: 10px;

}



.portfolio-overlay {

	position: absolute;

	z-index: 2;

	top: 0;

	left: 0;

	background: rgba(0, 0, 0, 0.7);

	width: 100%;

	height: 100%;

	text-align: center;

	visibility: hidden;

	transition: all 0.5s;

	transform: scale(0);

}



.portfolio-overlay p,

.portfolio-overlay a {

	position: relative;

	z-index: 4;

}



.portfolio-overlay::before {

	content: "";

	width: 0;

	height: 0;

	border-width: 0;

	position: absolute;

	left: 10%;

	top: 10%;

	transition: 50ms height ease 150ms;

	z-index: 3;

}



.portfolio-overlay::after {

	content: "";

	width: 0;

	height: 0;

	border-width: 0;

	position: absolute;

	right: 10%;

	bottom: 10%;

	transition: 100ms width ease 200ms;

	z-index: 3;

}



.portfolio-item:hover .portfolio-overlay::before {

	width: 80%;

	height: 80%;

	border-top: 1px solid #50977f;

	border-right: 1px solid #50977f;

	transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;

}



.portfolio-item:hover .portfolio-overlay::after {

	width: 80%;

	height: 80%;

	border-bottom: 1px solid #50977f;

	border-left: 1px solid #50977f;

	transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;

}



.portfolio-item li:hover .portfolio-overlay {

	visibility: visible;

	transform: scale(1);

}



.portfolio-overlay .category {

	margin-top: 70px;

	margin-bottom: 20px;

	font-size: 16px;

	color: #fff;

	font-weight: 500;

}



.portfolio-overlay .magnify-icon {

	height: 40px;

	width: 40px;

	border-radius: 20px;

	background: #50977f;

	margin: 0 5px;

	cursor: pointer;

	display: inline-block;

	transition: all 0.25s;

}



.portfolio-overlay .magnify-icon:hover {

	background: #000;

}



.portfolio-overlay .magnify-icon p span i {

	font-size: 15px;

	color: #fff;

	line-height: 40px;

	cursor: pointer;

}







/* today work  */



.contect_prodct_on_img i {

	margin-right: 5px;

	font-size: 14px;

}

.banner #carouselExampleIndicators .carousel-indicators li[data-target="#carouselExampleIndicators"] {
    background-color: #21c9d2 !important;
}

.carousel-indicators {
    bottom: -110px !important;
}





section.our_team {

	margin: 80px 0px 80px 0px;

}



.our_team h1 {

	text-align: center;

	padding: 20px 0px 55px 0px;

	font-size: 35px;

	font-weight: 700;

	color: #3e3e3e;

}

/* .animate-charcter

{

  background-image: linear-gradient(

    -225deg,

    #35b44a 0%,

    #35b44a 29%,

    #c3912d 67%,

    #fff 100%

  );

  background-size: auto auto;

  background-clip: border-box;

  background-size: 200% auto;

  color: #fff;

  background-clip: text;

  text-fill-color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  animation: textclip 6s linear infinite;

  font-size: 58px;

  font-weight: 700;

  min-height: 75px;

} */



@keyframes textclip {

  to {

    background-position: 200% center;

  }

}

.main_team {

	text-align: center;

}



.our_team_img img {

	border-radius: 50%;

}



.main_team h2 {

	font-size: 17px;

	font-weight: 600;

	margin-top: 20px;

	text-align: center;

	color: #000000;

}



.main_team p {

	font-size: 14px;

	font-weight: 400;

	color: #5e5d5d;

}



.main_form {

	width: 500px;

	margin: 90px auto;

}



.main_form input {

	margin: 0px 0px 15px 0px;

	border: 1px solid #fff;

	background: transparent;

	border-radius: 3px;

	-moz-appearance: textfield;

}



input.form-control::placeholder {

	color: #fff;

	font-size: 14px;

}



.main_form textarea {

	margin: 8px 0px 18px 0px;

	border: 1px solid #c1c1c1;

	background: transparent;

	border-radius: 3px;

}



.main_form textarea::placeholder {

	color: #fff;

	font-size: 14px;

}



.form_images {

	background: url(../images/form-img.jpg);

}



.main_form h2 {

	color: #fff;

    font-size: 38px;

    font-weight: 600;

    padding-bottom: 30px;

}



button.btn.btn-primary_2 {

	color: #fff;

    background: #32d1da;

    padding: 7px 40px;

    border-radius: 3px;

	border:2px solid #32d1da;

    font-size: 16px;

    font-weight: 600;

}

button.btn.btn-primary_2:hover{

	text-decoration: none;

	color: #32d1da;

	background: #ffffff;

	border:2px solid #32d1da;

	border-radius:5px;

}







.footer_logo p {

	color: #ccc;

    font-size: 15px;

    margin-top: 18px;

	line-height: 24px;

}



.Service_footer h5 {

	color: #fff;

    font-weight: 600;

    font-size: 24px;

}



span.footer_img {

	margin-right: 9px;

}



.Service_footer a {

	color: #d7d5d5;

    font-size: 15px;

    font-weight: 500;

}

.Service_footer a:hover {

	text-decoration: none;

}

.footer_fab_side a {

	color: #fff;

	font-size: 14px;

}

.inr_ftr{

    padding: 70px 0px;

}



.same_icon_footer i {

	color: #c3922e;

	margin-right: 8px;

	font-size: 14px;

}



.inr_ftr li {

	padding-bottom: 11px;

}



.inr_ftr a:hover {

	text-decoration: none;

	color: #21c9d2;

}



.bg_black {

	/* background: #010104; */

	color: #fff;

	text-align: center;

}



.copy-write p {

	padding: 20px 0px;

	margin-bottom: 0px;

	font-size: 14px;

}

#carouselTestimonial p{

    color:#fff;

}

#carouselTestimonial h5 strong{

	color: #c3922e !important;

}

#carouselTestimonial span{

	color: #c8c8c8;

    font-size: 15px;

}

#carouselTestimonial .carousel-indicators {

	position: absolute;

	right: 0;

	bottom: -61px;

}

#navbarSupportedContent .active a{

	color: #21c9d2 !important;

}

#carouselTestimonial .carousel-indicators li{

	background-color: #cfa74c;

}

.carousel-testimonial-img img{

    height:100px;

	width:100px;

}

.testimonial{

	background-image: url(../images/tst_bg.jpg);

	background-repeat: no-repeat;

	min-height: 400px;

	position: relative;

  }

  /* contact us */

  .contct_page {

    display: flex;

    align-items: center;

    color: #21c9d2;

    position: relative;

    font-weight: 500;

    font-size: 20px;

	justify-content: center;

}



.banner_contact_us::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    background: black;

    opacity: 0.4;

    height: 100%;

    width: 100%;

}





.testimonial_bnr{

	background: url(../images/testi_bnr.jpg ) !important;

}

.team_imge{

	background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgb(33 201 210 / 11%)), url(../images/service_banner.jpg) !important;

	background-position: center !important;

	background-size: cover !important;

	background-repeat: no-repeat !important;

}

.contct_page a:hover {

    color: #ebc653;

    text-decoration: none;

}

span.contct_page a, h2 {

    color: #21c9d2;

    font-size: 18px;

    margin: 0;

    z-index: 999;

    font-weight: 500;

    padding-right: 4px;

}

.contct_page h2 {

    font-size: 18px;

    margin: 0;

    color: #fff;

    padding-left: 4px;

}

span.contct_page a:hover{

    color: #21c9d2;

}

.bgc {

    background: linear-gradient(rgb(32 51 100 / 38%), rgba(0, 0, 0, 0.8)), url(../images/about-bnr.png);

    padding: 2rem 2rem !important;

    background-size: cover;

    background-position: center;

	height: 380px;

	margin-top:60px;

	border-radius: 7px;

}



.call-info h3 {

    font-size: 24px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 25px;

    position: relative;

	font-family: "roboto";

}

.call-info p {

    color: #fff;

    font-size: 16px;

	font-family: "roboto";

}

.call-info ul {

    list-style: none;

    padding: 0;

}

.info {

    display: flex;

    align-items: center;

    margin-bottom: 18px;

    color: #fff;

}

p.in-p {

    margin: 0 0px 0 20px;

}

.info i {

    font-size: 20px;

    color: #32d2db;

}

.info a:hover {

    text-decoration: none;

}

.call-info h3:before {

    content: '';

    position: absolute;

    top: 38px;

    left: 0;

    width: 70px;

    height: 2px;

    background: #32d2db;

}

.form_contct h3 {

    font-size: 28px;

    font-weight: 700 !important;

    color: #000000;

}

.form-group input::placeholder {

    color: #817e7e;

    font-size: 16px;

}

button#submit-contact {

    background: #ebbc19;

    border: 1px solid #ebbc19;

    padding: 6px 23px;

    font-size: 16px;

    font-weight: 700;

}

.form_contct {

    padding: 10px 40px !important;

}

#contact{

	height: 100%;

}

.main_contact_map {

    height: 350px;

}

.cnt_forms{

   margin: 0 !important;

   width: inherit !important;

}

.cnt_forms input{

	border: 1px solid #c1c1c1 !important;

	background: #fff;

	font-family:"Roboto";

}

.cnt_forms input.form-control::placeholder {

	color: #000;

	font-size: 14px;

}

.cnt_forms input.form-control::placeholder {

	color: #6c757d;

	font-size: 14px;

}

.cnt_forms textarea::placeholder {

	color: #6c757d;

	font-size: 14px;

}

.cnt_forms textarea {

	min-height: 200px;

	background: #fff;

	font-family:"Roboto";

}

.bg_cnt{

    background: #fff;

    width: 218px;

	position: absolute;

	height: 100%;

	top: 0;

	right: 0;

}





/* project_page */



.main_project img {

    width: 100%;

}

h1.display_heading {

    font-size: 24px;

    font-weight: 500;

    margin-bottom: 13px;

}

p.lead {

    font-size: 17px;

    line-height: 33px;

    color: black;

}



.banner .carousel-indicators li{

    background-color: #005fd3 !important;  

}

#carousel-example-1z::before{

	position: absolute;

	height: 100%;

	width: 100%;

	content: "";

	background: rgba(0, 0, 0, 0.7);

}

.register_form {

	background: url(../images/lgn_bg.jpg) no-repeat; 

	min-height: 300px;

	background-size: cover;  

	position: relative;

	margin-top: -98px;

}



.register_form::before {

	position: absolute;

	height: 100%;

	width: 100%;

	content: "";

	background: rgba(0, 0, 0, 0.7);

}



.login_hdr {

	padding: 14px 14px;

	display: inline-flex;

	background: #fff;

	border-radius: 4px 4px 0 0;

	width: 100%;

	border-top: 6px solid #d9a41a;

}



.login_hdr h3 {

	font-size: 23px;

	font-weight: normal;

}



.login_hdr p {

	font-size: 15px;

	font-weight: normal;

	color: #7b7b7b;

}



.key_image {

	margin: 15px 0 0 0;

}



.key_image img {

	width: 67%;

}



.inr_lgn {

	background: #f7f2ec;

	padding: 37px 40px;

	border-radius: 0 0 4px 4px;

}



.login_lft {

	margin: 204px 35px 110px 35px;

}

.cntr_bdr{

	background: #eee;

	height: 150px;

	width: 1px;

	position: absolute;

	left: 50%;

	top: 45%;

	right: 50%;

	bottom:50;

}

.inr_lgn .form-outline label {

	font-weight: 500;

	font-size: 14px;

	margin: 0 0 6px 0;

}



.inr_lgn .form-outline {

	margin: 15px 0 16px 0;

}



.inr_lgn .form-outline input {

	box-shadow: inherit;

	height: 42px;

}



.remebr_me .form-check label {

	font-weight: 500;

}



.frget {

	font-size: 14px;

	margin: 1px 0 0 0;

	display: inline-block;

}



.frget:hover {

	text-decoration: none;

}



.inr_lgn button {

	margin: 19px 0 0 0;

	display: inline-block;

	background: #c3922e;

	border-color: #c3922e;

	padding: 10px 0;

	font-size: 17px;

}

.inr_lgns button:hover{

	background: #db9a15;

	border-color: #c3922e;

}













/* css 12/03/24 */





.img_pos_sec a {

    position: relative;

    z-index: 999;

}





footer {

	background-image: url(../images/testi-bg3.jpg);

	background-color:black;

	background-repeat: no-repeat;

	background-size:cover;

	background-position: center;

}





.banner_img img {

    width: 65%;

}



.navbar-nav li a {

	color: #000000 !important;

	font-size: 14px;

	font-weight: bold;

	padding-right: 0 !important;

	padding-left: 0 !important;

	text-transform: uppercase;

}



.container{

	max-width:1307px !important;

}



.top_nav {

    background-color: #21c9d2;

	padding: 12px 15px;

}



.top_nav i {

    color:white;

	margin-right:5px;

	font-size: 14px;

}







.top_nav .contact-detail {

    display: flex;

    align-items: center;

    column-gap: 20px;

}



.top_nav .contact-detail span {

    color: white;

    margin-right: 10px;

}



.top_nav a {

    color: white;

	text-decoration: none;

}

.top_nav .support_center {

    display:flex;

	align-items:center;

	justify-content: end;

}



.top_imgnav img {

    width: 375px;

}



/* .top_imgnav {

    background-color: black;

} */





.img_pos_sec {

    background: #000000;

    height: 110px;

    display: flex;

    align-items: center;

}





.side-menu {

    background-color: white;

}

.main_nav {

    position: absolute;

    width: 100%;

    top: 48px;

	padding: 22px;

}



/* .menu_items {

    padding: 25px 0px;

} */



.side-menu::after {

    content: "";

    width: 100%;

    height: 100%;

    transform: skew(-27deg);

    background: #fff;

    position: absolute;

    top: 0px;

    left: -7%;

}





/* .img_pos_sec {

    padding: 6px 0px;

} */

section.banner .banner_img img {

    width: 100%;

    border-radius: 50%;

    position: relative;

    z-index: 2;

}



.banner {

    align-items: center;

    position: relative;

    background-color: #f9f9f9;

    margin-top: 0px;

    display: flex;

	padding: 130px 0px;

}



.banner_cnt {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

	row-gap: 15px;

}



.banner_title h1 {

    font-family: "Jost", sans-serif;

    font-size: 60px;

    font-weight: 700;

    line-height: 72px;

    color: black;

}



.About_us h1 {

    font-family: "Jost", sans-serif;

    font-size: 48px;

    font-weight: 700;

    line-height: 62px;

    color: black;

}

.banner_desc p {

    font-family: "Roboto", sans-serif;

    font-size: 17px;

    color: #666 !important;

    line-height: 24px;

    font-weight: 400;

}



.banner_form {

    width: 100%;

}



.banner_form form {

    position: relative;

    width: 100%;

    max-width: 600px;

}



input#banner_email {

    width: 100%;

    height: 62px;

    border-radius: 30px;

    border: 1px solid #c1c1c1;

    padding-left: 25px !important;

}

input#banner_submit {

    height: 47px;

    border-radius: 30px;

    border: none;

    width: 200px;

    position: absolute;

    right: 10px;

    bottom: 7px;

    background: linear-gradient(35deg, rgba(33, 201, 210, 1) 35%, rgba(86, 229, 237, 1) 100%);

    color: #ffffff;

    font-size: 16px;

    font-weight: 500;

}



input#banner_submit:hover {

    height: 47px;

    border-radius: 30px;

    border: none;

    width: 200px;

    position: absolute;

    right: 10px;

    bottom: 7px;

    background: linear-gradient(35deg, rgba(86, 229, 237, 1)  35%, rgba(33, 201, 210, 1)  100%);

    color: #ffffff;

    font-size: 16px;

    font-weight: 500;

}



.shape {

    position: absolute;

}



.shape1 {

    left: 5%;

    top: 12%;

}

.shape1 img {

     -webkit-animation: movebounce 5s linear infinite;

     animation: movebounce 5s linear infinite;

}

.shape2 {

    left: 33%;

    top: 9%;

}



.shape2 img {

    -webkit-animation: moveleftbounce 5s linear infinite;

    animation: moveleftbounce 5s linear infinite;

}

.shape3 {

    bottom: 7%;

    left: 5%;

}



.shape3 img, .shape8 img, .shape11 img{

    -webkit-animation: movescale 3s linear infinite;

    animation: movescale 3s linear infinite;

}



.shape4 {

    bottom: 12%;

    left: 29%;

}



.shape4 img {

    -webkit-animation: moveleftbounce 5s linear infinite;

    animation: moveleftbounce 5s linear infinite;

}

.shape5 {

    right: 7%;

    top: 10%;

}



.shape5 img, .shape9 img, .shape7 img  {

    -webkit-animation: movebounce 5s linear infinite;

    animation: movebounce 5s linear infinite;

}



@-webkit-keyframes movescale {

	0% {

	  -webkit-transform: scale(0.8);

			  transform: scale(0.8);

	}

	50% {

	  -webkit-transform: scale(1);

			  transform: scale(1);

	}

	100% {

	  -webkit-transform: scale(0.8);

			  transform: scale(0.8);

	}

  }

  

  @keyframes movescale {

	0% {

	  -webkit-transform: scale(0.8);

			  transform: scale(0.8);

	}

	50% {

	  -webkit-transform: scale(1);

			  transform: scale(1);

	}

	100% {

	  -webkit-transform: scale(0.8);

			  transform: scale(0.8);

	}

  }

  



@-webkit-keyframes movebounce {

	0% {

	  -webkit-transform: translateY(0px);

			  transform: translateY(0px);

	}

	50% {

	  -webkit-transform: translateY(20px);

			  transform: translateY(20px);

	}

	100% {

	  -webkit-transform: translateY(0px);

			  transform: translateY(0px);

	}

  }

  

  @keyframes movebounce {

	0% {

	  -webkit-transform: translateY(0px);

			  transform: translateY(0px);

	}

	50% {

	  -webkit-transform: translateY(20px);

			  transform: translateY(20px);

	}

	100% {

	  -webkit-transform: translateY(0px);

			  transform: translateY(0px);

	}

  }

  

  @-webkit-keyframes moveleftbounce {

	0% {

	  -webkit-transform: translateX(0px);

			  transform: translateX(0px);

	}

	50% {

	  -webkit-transform: translateX(20px);

			  transform: translateX(20px);

	}

	100% {

	  -webkit-transform: translateX(0px);

			  transform: translateX(0px);

	}

  }

  

  @keyframes moveleftbounce {

	0% {

	  -webkit-transform: translateX(0px);

			  transform: translateX(0px);

	}

	50% {

	  -webkit-transform: translateX(20px);

			  transform: translateX(20px);

	}

	100% {

	  -webkit-transform: translateX(0px);

			  transform: translateX(0px);

	}

  }

  



.about_us {

    padding: 55px 0px;

}





.about_us .banner_title h1, .who_we_are .banner_title h1  {

    font-family: "Jost", sans-serif;

    font-size: 48px;

    font-weight: 700;

    line-height: 62px;

    color: black;

}



.about_us .banner_desc p, .our_process .banner_desc p {

    font-family: "Roboto", sans-serif;

    font-size: 20px;

    color: #969595 !important;

    line-height: 35px;

    font-weight: 400;

}



.what_we_do .banner_desc p, .who_we_are .banner_desc p  {

	font-family: "Roboto", sans-serif;

    font-size: 20px;

    color: #969595 !important;

    line-height: 30px;

    font-weight: 400;

}



.about_btn {

    width: 100%;

	margin-top: 15px;

}





.about_us a, .blog_btn a{

    border: none;

    background: linear-gradient(35deg, rgba(33, 201, 210, 1) 35%, rgba(86, 229, 237, 1) 100%);

    padding: 10px 24px;

    border-radius: 30px;

    font-size: 17px;

    text-decoration: none !important;

    color: #ffffff !important;

}



.about_us a:hover, .blog_btn a:hover{

    background: linear-gradient(35deg,rgba(86, 229, 237, 1)  35%, rgba(33, 201, 210, 1) 100%); 

}





.about_us .banner_img {

    text-align: right;

    padding-right: 45px;

}



.about_us .banner_img::before {

    content: "";

    height: 350px;

    width: 196px;

    display: block;

    background: linear-gradient(184deg, rgba(137, 210, 198, 1) 35%, rgba(76, 191, 172, 1) 100%);

    position: absolute;

    z-index: -1;

    right: 0px;

    top: 54px;

}



.badge_tag h6 {

    color: #21c9d2;

    font-size: 20px;

    font-weight: 500;

}



.badge_tag {

    width: 100%;

    text-align: left;

}



.bottom_full_sec {

    background-color: #fefefe;

}

.our_process .badge_tag h6 {

    color: #0b6ad8;

    padding-bottom: 15px;

}









.process_img img {

    width: 75%;

}



.who_we_are {

    background-color: #fbfbfb;

    padding: 50px 0px;

}



.our_process {

   background-image:url("../images/choose-us-bg2.jpg");

   background-repeat: no-repeat;

   background-position: center;

   background-size: cover;

    padding: 85px 0px;

}

.our_process .row {

    align-items: flex-start !important;

}





.accordin .card {

    border: none;

    margin-bottom: 40px;

    box-shadow: 0px 0px 10px 0px #f0f0f0;

    border-radius: 7px !important;

}



.accordin .card .card-header {

    background: #ffffff !important;

    border-color: #0000001f;

    padding: 17px;

}



.accordin button.btn.btn-link.btn-block.text-left {

    color: black;

    font-size: 23px;

    font-weight: 600;

    text-decoration: none;

}



.accordin button.btn.btn-link.btn-block.text-left:focus {

	box-shadow:none !important;

}



.accordin .card-body {

    color: #7e7e7e;

    padding: 36px;

    font-size: 16px;

    line-height: 26px;

}



.blog-section .blog-heading {

    font-family: 'Jost';

    font-size: 48px;

    line-height: 62px;

    font-weight: 700;

    text-align: center;

    padding: 0px 45px;

    margin-bottom: 90px;

	width: 100%;

}









.blog-icon {

   width:85px;

   height: 85px;

   display: flex;

   justify-content: center;

   align-items: center;

    border-radius: 50%;

    background: linear-gradient(35deg, rgba(33, 201, 210, 1) 35%, rgba(86, 229, 237, 1) 100%);

    margin-top: -45px;

    margin-left: 42px;

	position: relative;



}







.blog-img {

    overflow: hidden;

    border-radius: 7px 7px 0px 0px;

	height: 250px;

}



.blog-img img {

    max-width: 100%;

    height: 100%;

	width:100%;

}



.blog-title {

    font-family: 'Jost';

    font-size: 27px;

    font-weight: 700;

    padding: 35px 33px 10px;

}



.blog-description {

    font-size: 16px;

    line-height: 26px;

    font-family: 'Roboto' !important;

    color: #878787;

    padding: 0px 35px;

}



.blog-module {

    box-shadow: 0px 0px 10px 0px #00000024;

    border-radius: 8px;

    min-height: 604px !important;

    background: #ffffff;

    position: relative;

    z-index: 1;

}



.blog-readmore {

    padding: 23px 36px;

}



.blog-readmore a {

    color: #21c9d2;

    text-decoration: none !important;

    font-family: 'Jost';

    font-weight: 500;

}

.blog-readmore a:hover {

    color: #21c9d2;

    text-decoration: none !important;

}



.blog-container .row {

    row-gap: 40px;

}





.blog-section {

    padding: 130px 0px;

    background-color: #f5f8ff;

}





.footer_logo img {

    width: 100%;

}





.blog-section {

    position: relative;

    padding: 80px 0px 200px 0px;

	z-index: 3;

}

.subscribe_box.row {

    margin-left: 0px !important;

    margin-right: 0px !important;

}





.footer_logo .footer-icon i {

    color: #21c9d2;

    background: white;

    font-size: 20px;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

}





.footer-icon {

    display: flex;

    column-gap: 15px;

}





.Service_footer ul li, .Service_footer h5 {

    padding-left: 140px;

}



.Service_footer i {

    color: #21c9db;

}



.main_nav .spare-div {

	width: 25%;

    height: 100% !important;

}





nav.navbar.navbar-expand-lg.navbar-light {

    width: 43%;

}





.main_nav .header-icon i {

    color: black;

    font-size: 17px;

    font-weight: 800;

}



.hicon-container {

    align-items: center !important;

    height: 100%;

    column-gap: 20px;

    justify-content: center;

}





.header-btn {

    display: flex;

    justify-content: end;

    align-items: center;

} 



.header-btn a {

    color: #21c9d2;

    font-size: 17px;

    border: 1px solid #21c9d2;

    padding: 12px 25px;

    border-radius: 26px;

    text-decoration: none;

}

.header-btn a:hover {

    color: #ffffff !important;

    font-size: 17px;

    border: 1px solid #21c9d2;

    background: linear-gradient(35deg, rgba(33, 201, 210, 1) 35%, rgba(86, 229, 237, 1) 100%);

    padding: 12px 25px;

    border-radius: 26px;

    text-decoration: none;

}





.header-icon {

    width: 16%;

}



.header-btn {

    display: flex;

    justify-content: end;

    align-items: center;

    width: 15%;

}



/* .header-icon a:nth-child(1) i {

    font-size: 20px !important;

    font-weight: 600;

    border-right: 1px solid #929191;

    padding-right: 27px;

} */



.subscribe_box {

    background-image: url('../images/subscribe_imge.png');

    display: flex;

    height: 155px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    width: 100%;

    border-radius: 10px;

}





.subscribe_box .subs-icon i {

    color: white;

    font-size: 45px;

    background: black;

    padding: 35px;

    border-radius: 50%;

    position: relative;

    top: -55px;

	-webkit-animation: movebounce 5s linear infinite;

    animation: movebounce 5s linear infinite;

}





.subscribe_box .subs-cont {

    color: white !important;

    font-size: 36px;

    font-weight: 700;

    font-family: 'Roboto';

    padding: 0px 20px;

    display: flex;

    align-items: center;

    line-height: 40px;

}



.subs-form form #subs-email {

    width: 100%;

    height: 63px;

    border-radius: 8px;

    border: none;

    padding-left: 25px;

    font-family: 'Roboto';

    color: #a3a3a3 !important;

}



.subs-form input[type="submit"] {

    height: 63px;

    background-color: black;

    color: white;

    border: none;

    padding: 0px 43px;

    border-radius: 0px 8px 8px 0px;

    font-family: 'Roboto';

    font-size: 16px;

    position: absolute;

    right: 2%;

}





.subscribe_box {

    /* background-image: url('../images/services10.jpg'); */
	background-image: linear-gradient(45deg, rgb(32 19 107 / 75%), rgb(1 21 41 / 75%)), url(../images/services10.jpg);

    display: flex;

    height: 165px;

    background-repeat: no-repeat;

    background-position: top;

    background-size: cover;

    width: 100%;

    border-radius: 10px;

    padding: 0px 60px;

    margin-top: -153px;

    margin-bottom: 100px;

	position: relative;

	z-index:3;

}





.footer-form-cont {

    width: 100%;

}



.subs-form {

    display: flex;

    align-items: center;

}





.blog_btn {

    width: 100%;

    text-align: center;

    margin-top: 65px;

}

.shapes {

    position:absolute;

}



.shape7 {

    top: 37%;

    left: 1%;

}

.shape8 {

    right: 2%;

    top: 25%;

}

.shape9 {

    right: 4%;

    bottom: 12%;

}



.shape11 {

    bottom: 4%;

    left: 10%;

}





.banner_contact_us {

    background: url('../images/bg-details.jpg');

    background-repeat: no-repeat;

    background-position: center;

	background-size: cover;

    position: relative;

    min-height: 300px;

}

.project_bnr{

	background: url('../images/project_bnr.jpg') !important;

}

.about_bnr{

	/* background: url(/images/cyber-securty-blog-banner.jpg ) !important; */

	background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgb(0 0 0 / 26%)), url('../images/cyber-securty-blog-banner.jpg') !important;

	background-repeat: no-repeat !important;

	background-size:cover !important;

	background-position: top !important;

}





.about-spacer {

    height: 180px;

    background: #fbfbfb;

}



.team-spacer {

    height: 180px;

    background: #f8f8f8;

}





.banner_contact_us.about_bnr {

    display: flex;

    justify-content: center;

    align-items: center;

}



.banner_contact_us.team_imge {

    display: flex;

    align-items: center;

    justify-content: center;

}

.banner_contact_us {

    display: flex;

    justify-content: center;

    align-items: center;

}



section.form_contact_us {

    position: relative;

	background: #f6f6f6;

	padding: 87px 30px;

}



.top_nav a{

	text-decoration:none !important;

	color:white !important;

}



.main_nav a{

	text-decoration:none !important;

	color:#21c9d2 !important;

}



footer .list-unstyled li:nth-child(2) a {

    word-break: break-word;

}



.blog-readmore a::after {

    content: "\003E";

    margin-left: 8px;

}







.blog-icon {





}

.spare-div a{

	width:100%;

	height: 100%;

}



.who_we_are .banner_img img {

    width: 75%;

    box-shadow: 0px 0px 10px 0px #00000038;

    border-radius: 5px;

}



.process_img  img {

    box-shadow: 0px 0px 10px 0px #00000038;

    border-radius: 5px;

}



.who_we_are .banner_img {

    display: flex;

    align-items: center;

    justify-content: left;

}



.process_img {

    width:100%;

}



/* @media(min-width:1800px){

	.top_imgnav img {

		width: 80%;

	}



} */





.Service_footer_fir li a, .Service_footer_sec li a, .Service_footer_thi li a {

    color: white;

}





.Service_footer_thi i {

    color: #32d2db;

}





.Service_footer_sec {

    margin-top: 26px;

}





.Service_footer_fir, .Service_footer_sec {

    padding-left: 80px !important;

}





footer h5 {

    color: white;

}





.Service_footer_thi {

    padding-left: 0px !important;

}





.blog-readmore {

    display: none;

}



.table_desc td {

    border: 1px solid black;

    text-align: center;

    padding: 13px 16px;

	font-size: 17px;

}





.table_desc tr:nth-child(1) {

    background-color: black;

}





.table_desc tr td:nth-child(1) {

    background-color: black;

    color: white;

	text-align: left;

}

.table_desc tr:nth-child(1) td{

    text-align:center;

}

.table_desc tr:nth-child(1) td img {

    width: 25%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: auto;

}





table.table_desc {

    width: 100%;

}



.table-about-sec {

    width: 100%;

}





.what_we_do {

    padding: 55px 0px;

}



.header-icon i:hover {

    color: #21c9d2;

}



.alert-success {

    color: #ffffff !important;

    border-color: #ffffff !important;

    background: linear-gradient(35deg, rgba(33, 201, 210, 1) 35%, rgba(86, 229, 237, 1) 100%);

    background-color: unset !important;

}



#success-alert button {

    color: #ffffff !important;

	opacity: 1 !important;

}



table.table_desc tr:nth-child(1) td:nth-child(4) img {

    width: 35% !important;

}



button.btn.btn-link.btn-block.text-left {

    display: flex;

}





.accordin-btn-data {

    width: 100%;

}



.sidebtn {

    color: white;

	background: linear-gradient(260deg, rgba(80,152,233,1) 35%, rgba(100,99,199,1) 100%);

    height: 40px;

    width: 42px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

}



.sidebtn.minus {

    display: none;

}









@media(max-width:1350px){



	.top_imgnav img {

		width: 86%;

	} 

	.blog-container .row {

		row-gap: 40px;

		width: 100%;

		padding: 0px 15px !important;

		margin: 0px !important;

	}



	.navbar-nav li a {

		font-size: 12px;

	}



	.main_nav .header-icon i {

		font-size: 14px;	

	}



	.header-icon a:nth-child(1) i {

		font-size: 16px !important;

		

	}



	.header-btn a {

		font-size: 13px;

	}

	.header-btn {

		width: 16%;

	}

}



@media(max-width:1100px){



	.Service_footer ul li, .Service_footer h5 {

		padding-left: 40px;

	}



	.top_imgnav img {

		width: 86%;

	}





	.navbar-nav li a {

		font-size: 10px;

	}



	.main_nav .header-icon i {

		font-size: 12px;	

	}



	.header-icon a:nth-child(1) i {

		font-size: 14px !important;

		

	}



	.header-btn a {

		font-size: 12px;

		padding: 12px 20px;

	}



	.header-btn {

		width: 16%;

	}



	.header-icon a:nth-child(1) i {

		padding-right: 14px;

	}

}



@media(max-width:991px){



	.top_nav a {

		font-size: 11px;

	}



	.top_nav .contact-detail span {

		font-size: 12px;

	}



	.top_nav i {

		font-size: 12px;

	}



	.header-icon, .header-btn {

		display: none;

	}

	nav.navbar.navbar-expand-lg.navbar-light {

		width: 75%;

		justify-content: end;;

	}



	.banner_title h1 {

		font-size: 44px;

		line-height: 51px;

	}



	.about_us .banner_title h1, .who_we_are .banner_title h1 {

		font-size: 35px;

		line-height: 48px;

	}



	.about_us .banner_desc p, .our_process .banner_desc p {

		font-size: 17px;

		line-height: 28px;

		padding-right: 0px;

	}



	.blog-section .blog-heading {

		font-size: 40px;

		line-height: 52px;

	}



	.who_we_are .banner_desc p {

		font-size: 17px;

		line-height: 28px;

	}



	.accordin button.btn.btn-link.btn-block.text-left {

		font-size: 17px;

	}



	.accordin .card .card-header {

		padding: 10px;

	}



	.accordin .card {

		margin-bottom: 25px;

	}





	/* .blog-icon img {

		margin-top: -30px;

		

	} */



	.blog-title {

		font-size: 21px;

		padding: 25px 15px 9px;

	}



	.blog-description {

		font-size: 15px;

		line-height: 26px;

		font-family: 'Roboto' !important;

		color: #878787;

		padding: 0px 15px;

	}



	.blog-icon img {

		width: 45%;

		/* margin-left: 15px; */

	}



	.blog-readmore {

		padding: 15px 15px;

	}



	.subs-form form #subs-email {

		width: 100%;

		height: 40px;

	}



	.subs-form input[type="submit"] {

		height: 40px;

		padding: 0px 18px;

		

	}





	.subscribe_box .subs-icon i {

		top: -40px;

		font-size: 30px;

	}



	.subscribe_box .subs-cont {

		font-size: 25px;

		line-height: 32px;

	}







	.Service_footer_fir, .Service_footer_sec {

		padding-left: 30px !important;

	}





	.blog-img {

		overflow: hidden;

		border-radius: 7px 7px 0px 0px;

		height: 185px;

	}



	.blog-module {

    box-shadow: 0px 0px 10px 0px #00000024;

    border-radius: 8px;

    min-height: 540px !important;

}





	



	

}











@media only screen and (max-width: 991px) and (min-width: 767px)  {

	/* .about_us .banner_img::before {

		content: "";

		height: 186px;

		width: 200px;

		display: block;

		background: linear-gradient(184deg, rgba(137, 210, 198, 1) 35%, rgba(76, 191, 172, 1) 100%);

		position: absolute;

		z-index: -1;

		right: 0px;

		top: 27px;

		margin-right: 15px;

	} */



	input#banner_email {

		width: 100%;

		height: 52px;

		border-radius: 30px;

		border: 1px solid #c1c1c1;

		padding-left: 25px !important;

	}

	input#banner_submit {

		height: 37px;

		border-radius: 30px;

		border: none;

		width: 200px;

		position: absolute;

		right: 10px;

		bottom: 7px;

		background: linear-gradient(35deg, rgba(33, 201, 210, 1) 35%, rgba(86, 229, 237, 1) 100%);

		color: #ffffff;

		font-size: 16px;

		font-weight: 500;

	}

}





@media(max-width:767px){



	table.table_desc tr:nth-child(1) td:nth-child(4) img {

		width: 100% !important;

	}



	.table_desc td {

		font-size: 15px;

	}



	table.table_desc tr:nth-child(1) td:nth-child(1) img {

		width: 40%;

	}



	.table-about-sec {

		width: 100%;

		overflow: scroll;

	}



	.table_desc tr:nth-child(1) td img {

		width: 100%;

		display: flex;

		justify-content: center;

		align-items: center;

		margin: auto;

	}



	.Service_footer_fir, .Service_footer_sec {

		padding-left: 20px !important;

	}



	.Service_footer_fir {

		margin-top: 32px;

	}





	.Service_footer_thi {

		padding-left: 20px !important;

	}





	.Service_footer_sec {

		margin-top: -68px;

	}

	.blog-img {

		overflow: hidden;

		border-radius: 7px 7px 0px 0px;

		height: 175px;

	}



	.blog-module {

		box-shadow: 0px 0px 10px 0px #00000024;

		border-radius: 8px;

		min-height: 500px !important;

	}





	.process_img img {

		width: 100%;

	}

	.who_we_are .banner_img img {

		width: 100%;

		box-shadow: 0px 0px 10px 0px #00000038;

		border-radius: 5px;

	}



	.banner_img img {

		width: 100%;

	}



	.top_nav {

		display: none;

	}





	.main_nav {

		position: absolute;

		width: 100%;

		top: 0px;

		padding: 22px 0px;

	}



	/* .top_imgnav img {

		width: 285px;

	} */





	.img_pos_sec, .side-menu {

		padding: 28px 0px;

	}



	.side-menu::after {

		left: -30%;

	}



	input#banner_email {

		width: 100%;

	}



	input#banner_submit {

		position: unset;

	}



	.shape{

		display:none;

	}



	.banner .row {

		flex-direction: column-reverse;

	}



	.banner_form form {

		text-align: center;

	}



	input#banner_submit {

		position: unset !important;

		margin-top: 20px;

	}



	.banner {

		padding: 55px 0px;

	}



	.banner_title h1 {

		font-size: 34px;

		line-height: 42px;

		text-align: center;

		margin-top: 0px;

	}


	.banner .banner_cnt .banner_title h1 {
        margin-top: 25px;
    }

	

	.banner_desc p {

		text-align: center;

	}

	

	

	.badge_tag h6 {

		text-align: center;

	}

	

	

	.about_btn {

		text-align: center;

	}

	

	

	.about_us .banner_img {

		text-align: right;

		margin: 15px 0px 0px 0px;

		padding-right:15px;

	}

	.about_us .banner_img::before {

		display:none !important;

		content: "";

		height: 263px;

		margin-right: 15px;

	}

	

	

	section.who_we_are .row {

		flex-direction: column-reverse;

	}

	

	

	.about_us {

		padding: 55px 0px;

	}

	.who_we_are .banner_img img {

		margin-top: 30px;

	}
   

	.what_we_do {
		padding: 35px 0px;
	}


	.accordin {

		margin-top: 70px;

	}

	

	.blog-section .blog-heading {

		font-size: 23px;

		line-height: 45px;

		padding: 0px 15px;

	}

	

	

	.Service_footer ul li, .Service_footer h5 {

		padding-left: 0px;

	}

	

	

	.inr_ftr {

		padding: 70px 0px 0px;

	}

	

	

	footer .row {

		row-gap: 30px;

	}



	.subscribe_box {

		height: unset;

		padding: 0px 0px 30px;

	}



	.subscribe_box .subs-icon i {

		position: absolute;

		

}



.subscribe_box .subs-cont {

	margin-top: 50px;

}



.subs-form input[type="submit"] {

    height: 43px;

    top:-1px;

}





.spare-div {

    display: none;

}





nav.navbar.navbar-expand-lg.navbar-light {

    width: 100%;

    justify-content: end;

}

.form_contact_us .form_contct {

    padding: 0px 15px !important;

}





.form_contact_us .form_contct h3 {

    text-align: center;

}

.bg_cnt {

    background: #fff;

    width: 100%;

    position: absolute;

    height: 100%;

    top: 0;

    right: 0;

}





.bgc {

	margin-top:60px;

}



button.navbar-toggler {

    position: relative;

    top: -7px;

    right: 15px;

}





button.navbar-toggler {

    position: relative;

    top: -7px;

    right: 15px;

}

#navbarSupportedContent {

    background-color: #ffffff;

    padding: 25px 0px;

    top: 32px;

    position: relative;

}



.navbar-nav li a {

    font-size: 14px;

}


.shape11 {

    display:none;

}

.carousel-indicators {
    bottom: -55px !important;
}


.side-menu::after {

    background: #000000;
	display:none;

}

.side-menu {

    background-color: #000000;

}

.top_imgnav img {
	width: 100%;
}


button.navbar-toggler {
	top: 3px;
	background-color: #ffffff;
	padding: 9px 9px !important;
}

.navbar-toggler {
    font-size: 14px !important;
}
section.banner .banner_img img {

    width: 100%;

    border-radius: 0%;

    position: relative;

    z-index: 2;

	height: 380px;

} 

.banner {

	padding: 0px 0px 75px 0px;

}

.banner .container {
    padding: 0px !important;
}

.banner_cnt > div {
    padding: 0px 15px !important;
}


.our_process {

	background-image:url("../images/choose-us-bg2.jpg");
 
	background-repeat: no-repeat;
 
	background-position: center;
 
	background-size: cover;
 
	 padding: 40px 0px;
 
 }

 .blog-section {

    position: relative;

    padding: 50px 0px 200px 0px;

	z-index: 3;

}


.subs-form input[type="submit"] {
	height: 43px;
	top: -1px;
	position: unset;
	margin-top: 15px;
	width: 100%;
	border-radius: 9px;
}



}





.sidebtn { float: right; }





/* css 12/03/24 End */