html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
  scroll-behavior: smooth;
}

body {
	line-height: 1;
	font-family: 'Poppins', sans-serif;
	overflow-x:hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{box-sizing: border-box;}
a:hover,a:focus{text-decoration:none;}   

	a{cursor:pointer;}



/*nav menu*/
/* CSS Document */






#container {
	margin: 0 auto;
	max-width: 890px;
}



.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	background-color: transparent;
	    margin-top: 11px;
}


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: transparent;
	position:relative;
	}

/* Styling the links */
nav a {
	display:block;
padding:10px;
color:#000;
font-size:15px;
text-decoration:none;
   position: relative;
}


nav ul li ul li:hover { background: #000000; }

/* Background color change on Hover */
nav a:hover { 
	background-color: transparent; 
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	    top: 83px;z-index: 9999999;left: -28px;
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:245px;
	float:none;
	display:list-item;
	position: relative;
	    margin-bottom: 0px;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
nav li > a:after { content:  '';position: absolute;right: 0;top: 40px;width: 1px;background: rgb(214 214 214 / 60%);height: 30px;}
nav li:last-child > a:after{width: 0;}
nav li > a:only-child:after { content: '';}
nav .drpdwn {background: #ffffff;}
nav .drpdwn:before{content:"";width:0;height:0;border-left: 18px solid transparent;border-right: 18px solid transparent;border-bottom: 18px solid #27466f;display: inline-block;margin-bottom: -2px;    position: absolute;
    top: -18px;
    left: 81px;display:none;}
nav .drpdwn li a{color: #fff;}
nav .drpdwn li a:hover{background: #813169;}
nav .drpdwn li a:after{ width: 0 !important;}
nav .drpdwn li a:before{ width: 0 !important}
nav #toggle{width: 28px;height: 30px;margin: 10px auto;}
nav #toggle .one, nav #toggle .two, nav #toggle .three{width: 100%;height: 5px;background: white;margin: 4px auto;transition: all 0.3s;backface-visibility: hidden;}
nav #toggle.on .one{transform: rotate(45deg) translate(4px, 2px);}
nav #toggle.on .two{opacity: 0;}
nav #toggle.on .three{transform: rotate(-45deg) translate(7px, -7px);}

/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {


	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #df1f5a;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #813169;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}

@font-face {
    font-family: 'a_astro_spaceregular';
    src: url('../fonts/astrospace-ez2bg-webfont.woff2') format('woff2'),
         url('../fonts/astrospace-ez2bg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




/*HEADER*/


.header{position: fixed;width: 100%;z-index:104;}
/*.header:before{content:"";background:url(../images/header-before-bg-1.png) no-repeat;    background-size: cover;
    width: 100%;
    height: 28px;
    display: inline-block;
    position: absolute;
    top: -2px;
    left: 48px;}*/
/*.header:after{content:"";background:url(../images/header-before-bg-2.png) no-repeat;    background-size: cover;
    width: 100%;
    height: 28px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 48px;}*/
.header .background{background: #fff;padding-bottom: 0px;padding-top: 0px;}
.header.active{background: #ffffff;}					
.header.active .sec-2-head{bottom: 18px;}					
.header.active .sec-2-head ul li a img{width: 8%;}			

.header.active:before, .header.active:after{display:none;}		
.header .container{position:relative;}

.header .header_menu ul li a{color: #2f2f2f;font-size: 13px;line-height: 87px;text-transform: uppercase;text-align: left;font-weight: 500;}
.header .header_menu ul li:nth-child(5) a{box-shadow:none;}
.header .header_menu ul li.active a{color:#af1536;font-weight: 600;}
.header .header_menu ul li a:hover{color:#08315f;}
.header .header_menu ul li .drpdwn a:hover{color:#fff;}
.header .header_menu ul li .drpdwn a:hover:before{width:0;}
.header .header_menu ul li.active a:before{content: "";width: 35px;height: 4px;display: inline-block;background: #b5344c;position: absolute;top: 77px;right: 9px;}
.header .header_menu{vertical-align: middle;margin-top: 0;}
.header .icon-sec{display: inline-block;vertical-align: middle;}
.header .icon-sec a{display: inline-block;margin: 0 8px;}
.header .header_menu .drpdwn li a{border-bottom: 1px solid #cccccc;line-height: 22px;box-shadow:none;color: #af1536; background: #ffffff;text-transform: unset;font-size: 14px;font-weight: 400;padding:10px;text-transform: uppercase;}
.header .header_menu .drpdwn li a:hover{background:#f37e20;}
.header .header_menu .drpdwn li a label{font-weight:400;}
.header .header_menu .drpdwn li a label b{font-weight:700;}
.header .header_menu .drpdwn li a p{font-size: 14px;font-weight: 400;}
.header .header_menu .drpdwn li a p:before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #f37e20;display: inline-block;
    margin-right: 10px;}
.header .header_menu .drpdwn li a:hover p:before{border-left:5px solid #27466f;}
.header .header_menu .drpdwn li:last-child a{border-bottom: 0;}
.header .header_menu ul li a .fa-angle-down{margin-left: 5px;color: #f37e20;font-weight: 900;}
.header_menu .menu{text-align: center;}
.right-header{position:static;}
.right-header .one-po{position:static;}

.header_logo{margin-top: 28px;z-index: 1;position: relative;}



.sec-2-head{text-align: right;z-index: 9999;position: absolute;width: 100%;right: 35px;bottom: -10px;}
.sec-2-head ul li{display:inline-block;}
.sec-2-head ul li:first-child{margin-right:15px;}
.sec-2-head ul li a{color:#b01436;font-size:15px;font-weight:500;}
.sec-2-head ul li a img{display:inline-block;vertical-align:middle;margin-right:10px;}


/*common*/

.mob-res-1{display:none;}
/*banner*/
.home-banner .owl-carousel .owl-item img{width:100%;margin-top:150px;}
.home-banner{background: linear-gradient(#c8f4ff ,#ebfbff);}
.home-banner .banner-content{position:absolute;top: 35%;left: 12%;width: 39%;}
.home-banner .banner-content h1{color:#f4f4f4;font-size:48px;font-weight:700;text-transform:uppercase;display:block;font-family: 'Lato', sans-serif;line-height: 60px;}
.home-banner .banner-content label{color: #ffffff;font-size: 24px;font-weight: 400;display: block;line-height:34px;}
.home-banner .banner-content a.st_btn{text-transform: none;border-radius:4px;background: #3aa9ce;color: #ffffff;font-size: 15px;font-weight: 400; padding: 20px 40px;font-family: 'Open Sans', sans-serif;margin-top: 25px;display:inline-block;}
.home-banner .banner-content a.st_btn.req{background:#ff8625;}
.home-banner .banner-content a.st_btn.req:hover{background:#3aa9ce;}
.home-banner .banner-content a:hover{background:#f37e20;color:#fff;}
.home-banner .banner-content a img{width:auto;display:inline-block;vertical-align:middle;margin-left:10px;}
.home-banner .owl-nav .owl-prev{position:absolute;bottom:50%;left:15px;background: #010202 !important;width: 55px;height: 55px;border-radius: 50%;font-size: 40px !important;color: #d7f7ff !important;}
.home-banner .owl-nav .owl-next{position:absolute;bottom:50%;right:15px;background: #010202 !important;width: 55px;height: 55px;border-radius: 50%;font-size: 40px !important;color: #d7f7ff !important;}

.home-banner .banner-left-aside{width: 175px;height: 505px;background: #0d6bac;position: absolute;left: 0;top:70px;z-index: 2;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.home-banner .banner-right-aside{width: 175px;height: 505px;background: #fc5c5e;position: absolute;right: 0;top:70px;z-index: 2;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}



.home-sec-1{background: linear-gradient(#eafbff ,#fafeff);text-align:center;padding-top: 35px;}
.home-sec-1 img{display:inline-block;}
.home-sec-1 h1{color:#ff2a00;font-size:53px;font-weight:300;line-height: 52px;margin-top: 20px;padding-bottom:150px;}

.home-sec-2 .bg-1{padding-right:82px;}
.home-sec-2 h2{color: #393939;font-size: 36px;font-weight: 400;line-height:40px;}
.home-sec-2 p{color: #393939;font-size: 15px;font-weight: 400;line-height:32px;margin-top:25px;text-align:justify;}
.home-sec-2 .two .col-lg-6{padding:0 7px;}
.home-sec-2 .two .bg{background:#5f84b9;text-align:center;margin-bottom: 15px;padding:36px 0 35px 0;}
.home-sec-2 .two .bg:hover{background:#b01436;}
.home-sec-2 .two .bg img{display:inline-block;}
.home-sec-2 .two .bg span{color:#ffffff;font-size:36px;font-weight:300;display:block;}
.home-sec-2 a{color:#ff2a00;font-size:16px;font-weight:400;}
.home-sec-2 a:hover{color: #ffcc00;}
.home-sec-2 .more-center{width:35%;border-bottom:1px solid #ec2327;margin-top:65px;}
.home-sec-2 a{margin-bottom:10px;display:inline-block;}
.home-sec-2 a img{display:inline-block;margin-left: 55px;}

.home-sec-3{margin-top:145px;position:relative;}
.home-sec-3:before{content:"";background:url(../images/circle-img-1.png) no-repeat;height: 393px;width: 100%;display: inline-block;position: absolute;top: -189px;left: 0px;}
.home-sec-3:after{content:"";background:url(../images/circle-img-3.png) no-repeat;height: 267px;width: 100%;display: inline-block;position: absolute;top: -65px;right: -854px;z-index: -1;}
.home-sec-3 h3{color:#393939;font-size:36px;font-weight:400;text-align:center;margin-bottom:35px;margin-right: 50px;}
.home-sec-3 ul li{display:inline-block;}
.home-sec-3 ul li a{position:relative;display:inline-block;width: 95%;}
.home-sec-3 ul li a span{color:#ffffff;font-size:28px;font-weight:500;position:absolute;bottom: 44px;right: 76px;}
.home-sec-3 ul li:nth-child(2) a span{right: 152px;}
.home-sec-3 ul li:last-child a span{right: 102px;}
.owl-carousel .owl-item img{width:auto;}



.home-sec-4{position:relative;margin-top:195px;background:linear-gradient(#fffefc, #fffbec);}
.home-sec-4 .bg{position:relative;}
.home-sec-4 .venture1{background:#ffcc00;padding:85px 32px;position:absolute;top:-76px;left:56px;}
.home-sec-4 .venture1:after{content: "";width: 205px;height: 19px;background: #ffffff;display: inline-block;position: absolute;bottom: 0;right: 0;}
.home-sec-4 .venture1 label{color:#393939;font-size:36px;font-weight:400;margin-bottom:30px;}
.home-sec-4 .venture1 span{color:#393939;font-size:18px;font-weight:300;display:block;margin-bottom:15px;}
.home-sec-4 .venture1 span:before{content:"";width:15px;height:15px;background:#aa4053;display:inline-block;border-radius:50%;vertical-align:middle;margin-right:15px;}
.home-sec-4 .venture2{background: #ffcc00;padding: 80px 60px;position: absolute;bottom: 0;right: 0;width: 50%;}
.home-sec-4 .venture2 label{color:#393939;font-size:36px;font-weight:400;margin-bottom:25px;}
.home-sec-4 .venture2 p{color:#393939;font-size:18px;font-weight:300;display:block;line-height:30px;}
.home-sec-4 .venture2:after{content: "";width: 203px;height: 19px;background: #ffffff;display: inline-block;position: absolute;top: 0;left: 0;}

.home-sec-5{background:linear-gradient(#fffbec, #fff9e3);padding:100px 0 68px 0;text-align:center;}
.home-sec-5 h4{color:#393939;font-size:36px;font-weight:400;text-align:center;margin-bottom:30px;}
.home-sec-5 img{display:inline-block;margin-bottom:25px;}
.home-sec-5 p{color:#393939;font-size:16px;font-weight:300;line-height:30px;width:65%;margin:0 auto;}
.home-sec-5 label{color:#393939;font-size:22px;font-weight:500;line-height:30px;display:block;margin-top:30px;}
.home-sec-5 span{color:#ff5a00;font-size:17px;font-weight:500;line-height:30px;display:block;text-transform:uppercase;}
.home-sec-5 .owl-nav .owl-prev{position:absolute;bottom:50%;left:15px;font-size: 50px !important;color: #ff5a00 !important;}
.home-sec-5 .owl-nav .owl-next{position:absolute;bottom:50%;right:15px;font-size: 50px !important;color: #ff5a00 !important;}


.inner-banner{background: linear-gradient(#c8f4ff ,#ebfbff);position:relative;text-align: center;}
.inner-banner img{margin-top:130px;display: inline-block;}
.inner-banner p{color:#af1536;font-size:44px;font-weight:600;position:absolute;top: 289px;left: 238px;text-transform:uppercase;}


/*About Us*/

.about-us-bg{background: linear-gradient(#caf4ff ,#ffffff);}
.about-sec-c{padding-top: 27px;position:relative;}
.about-sec-c p{color: #393939;font-size: 16px;font-weight: 400;text-align:center;width:100%;line-height:30px;padding-top:35px;width: 81%;margin: 0 auto;}

.about-sec-1{padding-top: 27px;position:relative;padding-bottom:120px;}
.about-sec-1:before{content:"";background:url(../images/circle-img-3.png) no-repeat;width:100%;height:267px;display:inline-block;position: absolute;bottom: 26px;left: 214px;}
.about-sec-1.testimonial:before{width:0;}
.about-sec-1.service:before{width:0;}
.about-sec-1 h1{color:#ff2a00;font-size:53px;font-weight:300;text-align:center;line-height:60px;padding:77px 0 185px 0;position:relative;}
.about-sec-1 h1:before{content:"";width:1px;height:60px;background:#a5bac0;display:inline-block;position:absolute;top:15px;left:50%;}
.about-sec-1 h1:after{content:"";width:1px;height:150px;background:#a5bac0;display:inline-block;position:absolute;bottom:20px;left:50%;}
.about-sec-1 label{color: #393939;font-size: 36px;font-weight: 300;text-align:center;width:100%;line-height:50px;padding:0px 0 40px 0;}
.about-sec-1 p{color: #393939;font-size: 16px;font-weight: 400;text-align:center;width:100%;line-height:30px;padding-top:35px;width: 81%;margin: 0 auto;}
.about-sec-1.project-pg{padding-bottom: 0;}
.about-sec-1.project-pg:before{width:0;}
.about-sec-1.service{padding-bottom:0;}
.about-sec-2{position:relative;margin-bottom:140px;}
.about-sec-2:before{content: "";background: url(../images/circle-img-2.png) no-repeat;width: 245px;height: 425px;display: inline-block;position: absolute;right: 0px;z-index: 0;bottom: -68px;}
.about-sec-2 .vi_mi_sec{position: absolute;top: -77px;right: 274px;width: 30%;}
.about-sec-2 .vi_mi_sec ul li{padding:65px 52px;}
.about-sec-2 .vi_mi_sec ul li:first-child{background:#2e2e2e;}
.about-sec-2 .vi_mi_sec ul li:last-child{background:#ffcc00;}
.about-sec-2 .vi_mi_sec ul li label{color:#ffffff;font-size:36px;font-weight:400;}
.about-sec-2 .vi_mi_sec ul li:last-child label{color:#393939;}
.about-sec-2 .vi_mi_sec ul li p{color:#ffffff;font-size:18px;font-weight:300;line-height:27px;margin-top:22px;}
.about-sec-2 .vi_mi_sec ul li:last-child p{color:#393939;}
.about-sec-3{margin-bottom:80px;position:relative;}
.about-sec-3:before{content: "";background: url(../images/circle-img-1.png) no-repeat;height: 393px;width: 100%;display: inline-block;position: absolute;top: -384px;left: 9px;}
.about-sec-3 img{width:100%;margin-bottom:-1px;}
.about-sec-3 .sec-1{padding:0 50px 0 95px;}
.about-sec-3 .sec-2{padding:0 95px 0 50px;}
.about-sec-3 .sec-1 .content{background:#b01436;padding:50px 39px;height:350px;}
.about-sec-3 .sec-2 .content{background:#8bbb5c;padding:50px 39px;height:350px;}
.about-sec-3 label{color:#ffffff;font-size:36px;margin-bottom:27px;}
.about-sec-3 ul li{color:#ffffff;font-size:18px;font-weight:300;margin-bottom:20px;}
.about-sec-3 ul li:before{content:"";width:15px;height:15px;background:#ffffff;display:inline-block;border-radius:50%;vertical-align:middle;margin-right:12px;}


/*Project Ramyam*/
.ramyam-sec-1 .owl-dots{text-align:center;margin-top:20px;}
.ramyam-sec-1 .owl-dots .owl-dot.active{background:#b01436;}
.ramyam-sec-1 .owl-dots .owl-dot{background:#b1b2b2;width:12px;height:12px;display:inline-block;border-radius:50%;margin-right:8px;}
.ramyam-sec-1 .sec-2{margin-top:40px;margin-left:20px;}
.ramyam-sec-1 .sec-2 img{display:inline-block;vertical-align:middle;}
.ramyam-sec-1 .sec-2 .cnt{display:inline-block;vertical-align:middle;}
.ramyam-sec-1 .sec-2 .cnt label{display:block;color:#393939;font-size:22px;font-weight:300;}
.ramyam-sec-1 .sec-2 .cnt span{display:block;color:#393939;font-size:17px;font-weight:300;margin-top:6px;}
.ramyam-sec-1 .sec-2 ul li{margin-bottom:22px;}
.ramyam-sec-2{padding-top:95px;}
.ramyam-sec-2 h1{color:#393939;font-size:36px;font-size:400;text-align:center;margin-bottom:40px;}
.ramyam-sec-2 .owl-carousel .col-lg-4{padding: 0 10px;}
.ramyam-sec-2 .bg{background:#f4f4f4;padding: 33px;margin-top:15px;height: 330px;}
.ramyam-sec-2 .bg:hover{background:#ffcc00;}
.ramyam-sec-2 .bg img{float: right;width:auto;}
.ramyam-sec-2 .bg label{color:#8bbb5c;font-size:20px;font-weight:500;margin-bottom:10px;padding-top:107px;}
.ramyam-sec-2 .bg:hover label{color:#b01436;}
.ramyam-sec-2 .bg p{color:#393939;font-size:16px;font-weight:300;line-height:30px;text-align:justify;}
.ramyam-sec-2 .owl-dots{text-align:center;margin-top:35px;}
.ramyam-sec-2 .owl-dots .owl-dot.active{background:#393939;}
.ramyam-sec-2 .owl-dots .owl-dot{width:45px;height:12px;background:#d7d7d3;border-radius:100px;margin-right:10px;}
.ramyam-sec-3{margin-top:100px;margin-bottom: 100px;}
.ramyam-sec-3 .nav-tabs{width:46%;margin:0 auto;}
.ramyam-sec-3 .nav-tabs>li{margin-right: 15px;}
.ramyam-sec-3 .nav-tabs>li.active:before{content: "";width: 0;height: 0;border-top: 15px solid #b42040;border-left: 15px solid transparent;border-right: 15px solid transparent;position: absolute;bottom: -15px;right: 47%;}
.ramyam-sec-3 .nav-tabs>li >a{background:#020202;color:#ffffff;font-size:29px;font-weight:400;padding:25px 60px;border-radius:100px;}
.ramyam-sec-3 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border: 0;background-color: #b42040;color: #fff;}
.ramyam-sec-3 .nav-tabs{border-bottom: 0;margin-bottom:65px;}
.ramyam-sec-3 .demo-gallery > ul > li a .demo-gallery-poster{background: transparent;}


.ramyam-sec-4{position:relative;padding-bottom:100px;}
.ramyam-sec-4 .cntnt{background:url(../images/ramyam-img-2.jpg) no-repeat;padding: 100px 200px;}
.ramyam-sec-4 h2{font-size:36px;color:#ffffff;font-weight:500;text-align:center;margin-bottom:33px;}
.ramyam-sec-4 form .form-control{background:#ffcc00;border-radius:100px;height:48px;padding: 6px 0px 6px 25px;}
.ramyam-sec-4 form .submit{text-align:center;}
.ramyam-sec-4 form .submit button{background:#b42040;display: inline-block;padding:15px 0;width:20%;border-radius:100px;border: 0;outline: none;}

.ramyam-sec-4 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #393939;
}

.ramyam-sec-4 :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #393939;
}

.ramyam-sec-4 ::-ms-input-placeholder { /* Microsoft Edge */
  color: #393939;
}
.ramyam-sec-4 select{
  color: #393939;
}

.ramyam-gallery-sec{padding-bottom:80px;}
.ramyam-gallery-sec label{color:#393939;font-size:36px;font-weight:400;margin:0px 0 10px 0;text-align:center;width:100%;}
.ramyam-gallery-sec .demo-gallery > ul > li{width:23.7%;}


/*Testimonial*/
.testimonial-sec-2{padding-bottom: 100px;position: relative;}
.testimonial-sec-2:before{content:""; background:url(../images/circle-img-3.png) no-repeat;width:100%;height: 267px;display: inline-block;position: absolute;top: 0;left: 0;}
.testimonial-sec-2:after{content:""; background:url(../images/circle-img-4.png) no-repeat;width:234px;height: 361px;display: inline-block;position: absolute;bottom: 0;right: 0;}
.testimonial-sec-2 .bg{border: 1px solid #f2f2f2;background: #ffffff;padding: 45px;height: 400px;margin-bottom: 10px;}
.testimonial-sec-2 .per-icon{display: inline-block;vertical-align: middle;}
.testimonial-sec-2 .inline{display: inline-block;margin-left: 5px;}
.testimonial-sec-2 .inline label{color: #000000;font-size: 18px;font-weight: 700;margin-bottom: 3px;}
.testimonial-sec-2 .bg p{color:#000000;font-size: 16px;font-weight: 400;line-height: 30px;margin-top: 45px;position: relative;}
.testimonial-sec-2 .bg p:before{content:"";background:url(../images/testimonial-before-icon.png) no-repeat;width: 32px;height: 25px;display: inline-block;position: absolute;top: -27px;left: -7px;}
.testimonial-sec-2 .bg p:after{content:"";background:url(../images/testimonial-after-icon.png) no-repeat;width: 32px;height: 25px;display: inline-block;position: absolute;margin-top: 5px;margin-left: 10px;}

/*Services*/

.service-sec-2 .bg{background:#ffcc00;display:inline-block;padding:35px 100px;}
.service-sec-2 h1{color:#393939;font-size:36px;font-size:400;text-align:center;margin-bottom:25px;}
.service-sec-2 ul li{color:#393939;font-size:16px;font-size:300;margin-bottom:25px;line-height:27px;padding-left:50px;position:relative;}
.service-sec-2 ul li:first-child{padding-top:35px;}
.service-sec-2 ul li:last-child{padding-bottom:35px;}
.service-sec-2 ul li:before{content:"";background:url(../images/star.png) no-repeat;width:28px;height:27px;display:inline-block;position:absolute;left:0;}
.service-sec-3{margin-top:30px;position:relative;}
/*.service-sec-3:before{content:"";background:url(../images/circle-img-4.png) no-repeat;width:245px;height:245px;display:inline-block;position:absolute;right:0;}*/
.service-sec-3 h2{color:#393939;font-size:36px;font-size:400;text-align:center;margin-bottom:15px;}
.service-sec-3 span{color:#b01436;font-size:36px;font-weight:300;margin-bottom:40px;text-align:center;width:100%;display:inline-block;}
.service-sec-3 ul li{position:relative;color:#393939;font-size:16px;font-weight:300;padding-bottom:35px;margin-left:164px;line-height:30px;}
.service-sec-3 ul li:before{content:"";background:url(../images/star-1.png) no-repeat;width:28px;height:27px;display:inline-block;position:absolute;left: -49px;top: 6px;}
.service-sec-3 p{color:#393939;font-size:14px;font-weight:400;line-height:30px;}
.service-sec-3 p{padding: 50px 42px;text-align: justify;}
.service-sec-4{margin-bottom:85px;}
.service-sec-4 .bg{background:#b01436;padding:50px;margin-left:30px;}
.service-sec-4 h3{color:#ffffff;font-size:36px;font-weight:400;margin-bottom:35px;}
.service-sec-4 ul li{color:#ffffff;font-size:18px;font-weight:400;line-height:30px;position:relative;margin-left:30px;}
.service-sec-4 ul li:before{content:"";width:15px;height:15px;display:inline-block;background:#ffffff;border-radius:50%;position:absolute;left: -30px;top: 7px;}


/*Joint Venture*/
.joint-venture-sec-2{padding-bottom:60px;position:relative;}
.joint-venture-sec-2:before{content:"";background:url(../images/circle-img-3.png) no-repeat;width:267px;height:267px;display:inline-block;position: absolute;top: -145px;left: -93px;}
.joint-venture-sec-2:after{content: "";background: url(../images/circle-img-5.png) no-repeat;width: 194px;height: 393px;display: inline-block;position: absolute;bottom: 57px;right: 0;}
.joint-venture-sec-2 h1{color:#b01436;font-size:36px;font-weight:400;text-align:center;display:block;padding:53px 0 20px 0;}
.joint-venture-sec-2 form .form-control{background:#f5de66;border:0;height:54px;padding-left:20px;border-radius:4px;}
.joint-venture-sec-2 form .submit{width: 16%;margin: 0 auto;}
.joint-venture-sec-2 form .submit button{background: #2e2e2e;font-size: 15px;color: #fff;font-weight: 400;text-transform: uppercase;border-radius:10px;margin-top:20px;}

.joint-venture-sec-2 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #676767;
}

.joint-venture-sec-2 :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #676767;
}

.joint-venture-sec-2 ::-ms-input-placeholder { /* Microsoft Edge */
  color: #676767;
}
.joint-venture-sec-2 select{
  color: #676767;
}
.joint-venture-sec-2 .gallery-cntn{padding:15px 20px;background:#b01436;text-align: left;}
.joint-venture-sec-2 #lightgallery li a:hover .gallery-cntn{background:#8bbb5c;}
.joint-venture-sec-2 .gallery-cntn label{color:#ffffff;font-size:17px;font-weight:300;}


/*Contact us*/
.contact-us-sec-2 {text-align:center;}
.contact-us-sec-2 ul li{display:inline-block;}
.contact-us-sec-2 h1{color:#393939;font-size:36px;font-weight:400;margin-bottom:17px;}
.contact-us-sec-2 ul li a{color:#393939;font-size:18px;font-weight:700;margin-bottom:17px;margin-right:13px;}
.contact-us-sec-2 ul li a img{display:inline-block;vertical-align:middle;margin-right:10px;}
.contact-us-sec-2 address{color:#393939;font-size:16px;font-weight:300;margin-bottom:17px;margin-top:15px;line-height:27px;}
.contact-us-sec-3{padding:100px 0;}
.contact-us-sec-3 form{background: #b01436;padding: 80px 150px 60px 150px;}
.contact-us-sec-3 form .form-control{height:50px;border-radius:10px;}
.contact-us-sec-3 h2{color: #b01436;font-size:36px;font-weight:400;margin-bottom:30px;text-align:center;}

.contact-us-sec-3 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #393939;
}

.contact-us-sec-3 :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #393939;
}

.contact-us-sec-3 ::-ms-input-placeholder { /* Microsoft Edge */
  color: #393939;
}
.contact-us-sec-3 select{
  color: #393939;
}
.contact-us-sec-3 form .submit{width: 16%;margin: 0 auto;}
.contact-us-sec-3 form .submit button{background: #2e2e2e;font-size: 15px;color: #fff;font-weight: 400;text-transform: uppercase;border-radius:10px;margin-top:20px;border:0;}

/*construction*/

.construction-sec-2 label{color:#393939;font-size:20px;font-weight:400;text-align:center;width:100%;margin-bottom:17px;}
.construction-sec-2 p{color:#393939;font-size:20px;font-weight:300;text-align:center;line-height:30px;}
.construction-sec-3 span.pos{background: #eefcff;color:#393939;font-size:22px;font-weight:600;padding:15px 20px;position: absolute;top: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.construction-sec-3{margin:60px 0;}
.construction-sec-3 .bg{margin-top:20px;}
.construction-sec-3 .bg img{width:100%;}
.construction-sec-3 .inl{background:#ffcc00;padding:35px 60px 35px 100px;height: 190px;}
.construction-sec-3 .inl label{display:block;color:#393939;font-size:18px;font-weight:700;line-height: 30px;}
.construction-sec-3 .inl span{display:block;color:#393939;font-size:20px;font-weight:400;margin-bottom:15px;position: relative;}
.construction-sec-3 .inl span:before{content:"";background:url(../images/building-icon.png) no-repeat;width:41px;height:46px;display:inline-block;position:absolute;left: -55px;top: -23px;}
.construction-sec-3 .inl p{position:relative;}
.construction-sec-3 .inl p:before{content:"";background:url(../images/map-icon.png) no-repeat;width:30px;height:23px;display:inline-block;position: absolute;top: -8px;left: -50px;}


/*completed Projects*/
.completed-project-sec-2{margin-bottom:100px;position:relative;}
.completed-project-sec-2:before{content:"";background:url(../images/circle-img-3.png) no-repeat;width:267px;height:267px;display:inline-block;position: absolute;top: -145px;left: -93px;}
.completed-project-sec-2 .bg{position:relative;margin-top:20px;}
.completed-project-sec-2 .inl{background:#f5de66;padding:35px 30px 35px 50px;height: 215px;}
.completed-project-sec-2 span{color:#ffffff;font-size:16px;font-weight:300;background:#b01436;padding:10px 15px;border-radius:10px;position: absolute;top: 213px;left: 0%;}
.completed-project-sec-2 .inl label{display:block;color:#b01436;font-size:20px;font-weight:300;margin-bottom:11px;position: relative;margin-top: 15px;}
.completed-project-sec-2 .inl label:before{content:"";background:url(../images/building-icon-1.png) no-repeat;width:41px;height:46px;display:inline-block;position:absolute;left: -25px;top: 4px;}
.completed-project-sec-2 .inl p{position:relative;color:#454545;font-size:18px;font-weight:300;line-height: 25px;}
.completed-project-sec-2 .inl p:before{content:"";background:url(../images/location-icon.png) no-repeat;width:30px;height:23px;display:inline-block;position: absolute;top: 0px;left: -25px;}










.home-sec-9 .form-group.time select{
       -webkit-appearance: none;
    -moz-appearance: none;
}
.home-sec-9 input[type="date"]::-webkit-calendar-picker-indicator{
        -webkit-appearance: none;
    -moz-appearance: none;
}
.home-sec-9 input[type="date"]::-webkit-inner-spin-button {
     -webkit-appearance: none;
    -moz-appearance: none;
}
input[type="time"]::-webkit-calendar-picker-indicator {
   background: none;
}


/*Breadcrum*/
.breadcrum{padding:20px 0 0 15px;}
.breadcrum a{color: #b5b5b4;font-size: 15px;font-weight: 400;}
.breadcrum a.active{color: #fd8835;font-weight: 500;}
.breadcrum span{color: #b5b5b4;font-size: 15px;font-weight: 400;margin:0 5px;}




	

/*gallery*/
.gallery-sec-1.before-after ul li span.gal-title{color: #ffffff;font-size: 13px;font-weight: 600;background: #ff9b1e;padding: 10px 0;text-align: center;display: inline-block;width: 85%;border-top-left-radius: 100px;border-top-right-radius: 100px;line-height: 14px;}






.footer{background:linear-gradient(#fff1b9 , #fff0b2);padding:65px 0 42px 0;}
.over-link-1{border-bottom:1px solid #ccc090;}
.footer .sec-1{background:#2e2e2e;padding:20px;width:53%;text-align:center;border-radius:100px;margin:0 auto;}
.footer .sec-1 ul li{display:inline-block;}
.footer .sec-1 ul li a{color:#ffffff;font-size:16px;font-weight:500;}
.footer .sec-1 ul li a:after{content:"";background:#ffffff;width:3px;height:17px;display:inline-block;vertical-align:middle;margin:0 23px;}
.footer .sec-1 ul li:last-child a:after{width:0;margin:0;}
.footer .sec-2{background:#ff5a00;padding:20px;border-radius:100px;margin-top:8px;}
.footer .sec-2 ul li{display:inline-block;}
.footer .sec-2 ul li:first-child{color:#ffffff;font-size:15px;font-weight:500;margin: 0 10px 0 25px;}
.footer .sec-2 ul li:first-child span{margin-left:10px;}
.footer .sec-2 ul li a{color:#ffffff;font-size:15px;font-weight:300;}
.footer .sec-2 ul li a:after{content:"";background:#ffffff;width:3px;height:17px;display:inline-block;vertical-align:middle;margin:0 23px;}
.footer .sec-2 ul li:last-child a:after{width:0;margin:0;}
.footer address{color:#393939;font-size:16px;font-weight:300;text-align:center;padding:15px 0;}
.footer address b{font-weight:500;}
.footer .over-link-2 ul{text-align:center;padding-top:12px;}
.footer .over-link-2 ul li{display:inline-block;}
.footer .over-link-2 ul li a{color: #b01436;font-size: 16px;font-weight: 500;}
.footer .over-link-2 ul li img{display:inline-block;vertical-align:middle;margin:0 10px;}
.footer .cpy-right{color: rgb(57 57 57 / 50%);font-size: 16px;font-weight: 400;text-align: center;margin-top:15px;}
.footer .cpy-right a{color: rgb(57 57 57 / 50%);font-size: 16px;font-weight: 400;text-align: center;margin-top:15px;}
.footer .over-link-2 ul li.facebook a{color:#393939;}






::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #393939;
}
::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
:-moz-placeholder { /* Firefox 18- */
  color: pink;
}



ul{list-style-type:none;}



.social_media ul li{display: inline-block;}
.social_media ul{margin-top: 13px;}
.social_media ul li a i{width: 35px;height: 35px;border-radius: 50%;text-align: center;line-height: 38px;color:#fff;font-size: 19px;}
.social_media ul li a .fa-facebook{background: #4b69b0;}
.social_media ul li a .fa-instagram{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.social_media ul li a .fa-twitter{background:#1da1f2;}
.social_media ul li a .fa-whatsapp{background:#0072bc;}
.social_media ul li a .fa-youtube-play{background:#d1313e;}
.social_media ul li a .fa-linkedin{background:#1378b6;}



.fixed-scroll{position: fixed;bottom: 70px;right: 0px;z-index: 2;background:#b01436;border-top-left-radius:50px;border-bottom-left-radius:50px;padding:15px 15px;}
.fixed-scroll img{display:inline-block;vertical-align:top;margin-top: 5px;margin-right: 4px;}
.fixed-scroll .inline{display:inline-block;}
.fixed-scroll .inline label{display:block;line-height:30px;color:#ffffff;font-size:17px;font-weight:600;}
.fixed-scroll .inline span{display:block;color:#ffffff;font-size:16px;font-weight:300;}




/*lightgallery*/


.small {
  font-size: 11px;
  color: #999;
  display: block;
  margin-top: -10px
}

.cont {
  text-align: center;
}

.page-head {
  padding: 60px 0;
  text-align: center;
}

.page-head .lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 50px;
  margin-top: 0;
}

.btn {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.btn-lg {
  border-radius: 2px;
  font-size: 18px;
  line-height: 1.33333;
  padding: 10px 16px;
}

.btn-primary:hover {
  background-color: #fff;
  color: #152836;
}

.btn-primary {
  background-color: #152836;
  border-color: #0e1a24;
  color: #ffffff;
}

.btn-primary {
  border-color: #eeeeee;
  color: #eeeeee;
  transition: color 0.1s ease 0s, background-color 0.15s ease 0s;
}

.page-head h1 {
  font-size: 42px;
  margin: 0 0 20px;
  color: #FFF;
  position: relative;
  display: inline-block;
}

.page-head h1 .version {
  bottom: 0;
  color: #ddd;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  width: 58px;
  right: -58px;
}

.demo-gallery > ul {
  margin-bottom: 0;
  padding-left: 15px;
}

.demo-gallery > ul > li {
  margin-bottom: 15px;
  width: 180px;
  display: inline-block;
  margin-right: 15px;
  list-style: outside none none;
      width: 32%;
	      padding: 0px;
}

.demo-gallery > ul > li a {
  border: 0;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 40%;
  margin-left: -10px;
  margin-top: -28px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}

.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}




/***button wave***/

.sonar-wrapper {
  position: relative;
  z-index: 0;
  overflow: hidden;
 
}

/* The circle */
.sonar-emitter {
  position: fixed;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 9999px;
  background-color: #424765;
bottom: 70px;
	left: 100px;
}

/* the 'wave', same shape and size as its parent */
.sonar-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: transparent;
border: 1px double #ccc;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}
.sonar-emitter img{
	padding: 10px;
    position: absolute;
    top: -18px;
    left: -16px;
}
/*
  Animate!
  NOTE: add browser prefixes where needed.
*/
.sonar-wave {
  animation: sonarWave 2s linear infinite;
}

@keyframes sonarWave {
  from {
    opacity: 0.4;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}






/***********************************chandrakanth******************************/
span.lnethr{
    text-decoration: line-through;
}
ul.paddingleft{
    padding-left: 20px;
}
.left h6{
    color: #08315f;
    font-size: 20px;
    letter-spacing: 1px;
}


/*Accordion*/
.panel-title{font-size: 22px;}

.about-office .panel-title > a:before{ font-family: 'Glyphicons Halflings';content: "\e114";color: #cccccc !important;}
.about-office .panel-title > a.collapsed:before{content: "\e080";color: #000000 !important;}

.panel-title > a:before {
    float: right !important;
   font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
	color: #ff6700 !important;
	    font-size: 13px;
}
.panel-title > a.collapsed:before {
    float: right !important;
   content:"\f067";
	color: #ff6700 !important;
	    font-size: 13px;
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}

.mob-footer{background-image: linear-gradient(to right, #151d2a, #2c4053);padding: 30px 0;margin-top: 60px;}
.mob-footer .panel{background:transparent;border: 0;}
.mob-footer .panel .panel-body{color:#fff;padding: 15px 0;}
.mob-footer .panel .panel-body ul li{    border-bottom: 1px solid #454d57;}
.mob-footer .panel-default>.panel-heading{color:#ffffff;background:transparent;    border-bottom: 1px solid #6b839f;}
.mob-footer .panel-default.last>.panel-heading{border-bottom: 0;}
.mob-footer .panel-default>.panel-heading+.panel-collapse>.panel-body{border:0;}
.mob-footer .panel-body a, .mob-footer .panel-body address{color: #ffffff;font-size: 18px;font-weight: 400;margin-bottom: 18px;display: inline-block;padding: 8px 0 0px 15px;}
.mob-footer .panel-body address{line-height: 30px;}

.plan-gallery-in{width: 33%;display: inline-block;text-align: center;}
.plan-gallery-in img{display:inline-block;}
.plan-gallery-in p.title{    color: #8bbb5c;
    font-size: 15px;
    line-height: 23px;}



    .sec-2 {
      display: flex;
      justify-content: center;
  }

  .home-sec-4 .venture2 span:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #aa4053;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 15px;
}

lable.ser-lab {
  font-size: 22px;
}

h1.h1-ser {
  font-size: 20px;
  text-align: center;
}

.comp-project {
  width: 100%;
  /* text-align: center; */
  display: flex;
  justify-content: center;
}