/**
* Template Name: NewBiz - v2.1.0
* Template URL: https://bootstrapmade.com/newbiz-bootstrap-business-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background: #ffffff;
  color: #444;
  font-family: "Open Sans", sans-serif;
}

a {
  color: #007bff;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #0b6bd3;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 0 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #343535;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
  overflow: hidden;
}

/* Sections Header
--------------------------------*/
.section-header h3 {
  font-size: 36px;
  color: #000000;
  text-align: left;
  font-weight: 500;
  position: relative;
}

.section-header p {
  text-align: left;
  margin: auto;
  font-size: 15px;
  padding-bottom: 60px;
  color: #556877;
  width: 50%;
}

@media (max-width: 767px) {
  .section-header p {
    width: 100%;
  }
}

/* Section with background
--------------------------------*/
.section-bg {
  background: #fccf03;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  /*background: #004a99;*/
  background: transparent;
  padding: 0 0 30px 0;
  color: #999;
  font-size: 14px;
}
.footer {
  /*background: #004a99;*/
  background: transparent;
  padding: 0 0 30px 0;
  color: #999;
  font-size: 14px;
}

/*#footer .footer-top {
  background: #004a99;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 34px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#footer .footer-top .footer-info p {
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  color: #ecf5ff;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #007bff;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #0067d5;
  color: #fff;
}

#footer .footer-top h4 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 10px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul li {
  padding: 8px 0;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #ecf5ff;
}

#footer .footer-top .footer-links ul a:hover {
  color: #74b5fc;
}*/

/*#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  line-height: 26px;
}

#footer .footer-top .footer-newsletter {
  margin-bottom: 30px;
}

#footer .footer-top .footer-newsletter input[type="email"] {
  border: 0;
  padding: 6px 8px;
  width: 65%;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
  background: #007bff;
  border: 0;
  width: 35%;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}

#footer .footer-top .footer-newsletter input[type="submit"]:hover {
  background: #0062cc;
}*/

.footer .copyright {
  /*text-align: center;
  padding-top: 30px;*/
  width:50%; height:60px; /*border:1px solid #FFFFFF;*/ float:left; padding-top:10px; color:#999999;
}
.footer .pageNo{width:50px; height:50px; border:5px solid #CCCCCC; border-radius:50%; float:right; text-align:center; vertical-align:middle; padding-top:10px; color:#999999; font-weight:bold;}

.footer .credits {
  text-align: center;
  font-size: 13px;
  color: #000;
  
}

#footer .credits a {
  color: #bfddfe;
}

#footer .credits a:hover {
  color: #f1f7ff;
}


.order-2 ul {
    max-height: 250px;
}
.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

li {
    line-height: 2;
}
*, ::after, ::before {
    box-sizing: border-box;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}li {
    display: list-item;
    text-align: -webkit-match-parent;
	
	    line-height: 3;
}
ul {
    list-style-type: disc;color:#000000;
}
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
}

ul li a{color:#000000;}

ul li a:hover{color:#000000; text-decoration:underline;}



.mainDiv{
width:98%;
/*height:3450px;*/
height:auto;
border:5px solid #f33305;
margin:0 auto;
}
.headerDiv
{
width:50%;
margin:0 auto;
margin-top:20px;
margin-bottom:40px;
/*border:1px solid #000000;*/
}
.innerBody
{
width:100%;
height:auto;
/*border:1px solid #000000;*/
margin:0 auto;

}
.innerLeft{
width:48%;
height:auto;
/*border:1px solid #C0CCDA;*/
float:left;
margin-left:1%;
margin-bottom:40px;
}
.innerRight{
width:48%;
height:auto;
/*border:1px solid #C0CCDA;*/
float:right;
margin-right:1%;
margin-bottom:40px;
}

.innerLeftTop{
width:100%;
height:auto;
border:1px solid #C0CCDA;
float:left;
margin-bottom:40px;
}
.innerLeftBottom{
width:100%;
height:auto;
border:1px solid #C0CCDA;
float:left;
margin-bottom:40px;
}


.innerRightTop{
width:100%;
height:auto;
border:1px solid #C0CCDA;
float:left;
margin-bottom:40px;
}
.innerRightBottom{
width:100%;
height:auto;
border:1px solid #C0CCDA;
float:left;
margin-bottom:40px;
}



.innerBoxTop
{
width:100%;
height:auto;
padding:10px;
/*background-color:#06067e;*/
color:#06067e;
font-weight:bold;
font-family:"Century Gothic";
font-size:24px;
}
.innerBoxBottom{width:100%; height:auto; border:1px solid #C0CCDA;}
.Table
    {
        display: table;
		width:100%;
    }
    .Title
    {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
		color:#505671;
    }
    .Heading
    {
        display: table-row;
        /*font-weight: bold;*/
        text-align: left;
		font-size: 14px;
		background-color:#E7F0FB;
		border-radius: 0px 4px 0px 0px;

    }
    .RowIndv
    {
        display: table-row;
		background-color:#FFFFFF;
    }


    .HeadingBackground
    {
        display: table-row;
        /*font-weight: bold;*/
        text-align: left;
		font-size: 14px;
		background-color:#06067e;
		border-radius: 0px 4px 0px 0px;
		color:#FFFFFF;

    }
	.HeadingBackground p{color:#FFFFFF; font-weight:bold;}

    .Cell
    {
        display: table-cell;
        border-bottom:1px solid #C0CCDA;
		padding:17px;
		width:12%;
		font-size: 14px;

    }
	
	.CellLeft
    {
        display: table-cell;
        border-bottom:1px solid #C0CCDA;
		padding:17px;
		width:30%;
		font-size: 14px;
		font-weight: bold;
		color:#000000;


    }
	.CellRight
    {
        display: table-cell;
        border-bottom:1px solid #C0CCDA;
		padding:17px;
		width:70%;
		font-size: 14px;
		color:#000000;

    }
	.CellDashaLeft
    {
        display: table-cell;
        border-bottom:1px solid #C0CCDA;
		padding: 17px;
		width:40%;
		font-size: 14px;
		font-weight: bold;
		color:#000000;


    }
	.CellDashaRight
    {
        display: table-cell;
        border-bottom:1px solid #C0CCDA;
		padding: 17px;
		width:60%;
		font-size: 14px;
		color:#000000;

    }
	
	.footerCell
    {
        text-align: left;
		font-size: 14px;
		background-color:#E7F0FB;
		border-radius: 0px 4px 0px 0px;
		width:100%;
		padding-right:10px;
		height:auto;
		overflow:auto;
    }

.Cell p{margin-bottom:0;}
.pageToptable
{width:98%; height:auto; border:1px solid #C0CCDA; margin:0 auto; margin-bottom:40px;}

.pageBottomtable
{width:98%; height:auto; /*border:1px solid #C0CCDA;*/ margin:0 auto; overflow:auto;}

.pageBottomTableLeft
{
width:30%;
height:170px;
border:1px solid #C0CCDA;
float:left;
margin-right:5%;
border-radius:10px;
margin-bottom:30px;
}
.pageBottomTableRight
{
width:30%;
height:170px;
border:1px solid #C0CCDA;
float:right;border-radius:10px;
margin-bottom:30px;


}
.bottomLeftImg{width:20%; height:auto; /*border:1px solid #000000;*/ float:left; margin-left:5%; margin-top:10px;}
.bottomRightMatter{width:65%; height:auto;/* border:1px solid #000000;*/ float:right;margin-top:10px;margin-bottom:10px;margin-right:5%;}
.title{font-size:18px; font-weight:bold; color:#06067e; padding:10px;}
.data{font-size:14px; font-weight:bold; color:#000000; padding:0 10px 4px 10px;}
.resultGreen{font-size:20px; font-weight:bold; color:#069231; padding:10px;}
.resultRed{font-size:20px; font-weight:bold; color:#fa0b0b; padding:10px;}

.matter{height:auto;/* border:1px solid #000000;*/ text-align:justify; font-size:16px; line-height:32px; padding:50px; }
.matterBottom{height:auto;/* border:1px solid #000000;*/ text-align:justify; font-size:16px; line-height:32px; padding:30px; }

.pageTop
{width:95%; height:auto; /*border:1px solid #C0CCDA;*/ margin:0 auto; margin-bottom:40px; overflow:auto;}

.innerLeftChart{
width:45%;
height:auto;
/*border:1px solid #C0CCDA;*/
float:left;
margin-left:1%;
margin-bottom:40px;
}
.innerRightChart{
width:45%;
height:auto;
/*border:1px solid #C0CCDA;*/
float:right;
margin-right:1%;
margin-bottom:40px;
}

.innerLeftChart2{
width:30%;
height:auto;
/*border:1px solid #C0CCDA;*/
float:left;
margin-left:1%;
margin-bottom:40px;
margin-right:3%;
}
.innerRightChart2{
width:30%;
height:auto;
/*border:1px solid #C0CCDA;*/
float:right;
margin-right:1%;
margin-bottom:40px;
}
.matterBottom2{height:auto;/* border:1px solid #000000;*/ text-align:center; font-size:16px; line-height:32px; padding:10px; }
.pageToptable2
{width:98%; height:auto;/* border:1px solid #C0CCDA;*/ margin:0 auto; margin-bottom:0px;}
.headingText{font-size:22px; text-align:center; padding-bottom:10px; color:#06067e; font-weight:bold;}
.subHeadingText{font-size:22px; text-align:left; padding-bottom:10px; color:#06067e; font-weight:bold;}

.boldClass{font-weight:bold;color:#06067e;}
.bottomImgDiv{width:30%; height:auto; margin:0 auto;}
.bottomLeft{width:60%; height:auto; float:left;/* border:1px solid #000000;*/}
.bottomRight{width:30%; height:auto; float:right; /*border:1px solid #000000;*/}
.innerBottomGreen{width:auto; height:auto; padding:15px; background-color:#388e3c; border-radius:20px; float:left; margin-right:20px; color:#FFFFFF;}
.innerBottomOrange{width:auto; height:auto; padding:15px; background-color:#f33305; border-radius:20px; float:left; margin-right:20px; color:#FFFFFF;}
.innerBottomRoyel{width:auto; height:auto; padding:15px; background-color:#009688; border-radius:20px; float:left; margin-right:20px; color:#FFFFFF;}
.headingTextBottom{font-size:22px; text-align:left; padding-bottom:30px; color:#06067e; font-weight:bold;}
.bottomSqarGreen{width:30px; height:30px;  background-color:#10be7f;  float:left; margin-right:20px; margin-bottom:10px;}
.bottomSqarRed{width:30px; height:30px;  background-color:#ea412a;  float:left; margin-right:20px; margin-bottom:10px;}
.bottomSqarMixed{width:30px; height:30px;  background-color:#1dabb8;  float:left; margin-right:20px; margin-bottom:10px;}

.bottomLeftTop{width:100%; height:auto;/* border:1px solid #000000;*/ overflow:auto; margin-bottom:20px;}
.bottomRightText{width:auto;float:left;}
.indvBottom{width:100%; /*border:1PX solid; */overflow:auto;}

.innerBottomGreen1{width:auto; height:auto; padding:15px; background-color:#388e3c; border-radius:20px; float:left; margin-right:20px; color:#FFFFFF;}
.innerBottomLightGreen{width:auto; height:auto; padding:15px; background-color:#4caf50; border-radius:20px; float:left; margin-right:20px; color:#FFFFFF;}
.innerBottomShadedGreen{width:auto; height:auto; padding:15px; background-color:#009688; border-radius:20px; float:left; margin-right:20px; color:#FFFFFF;}
.innerBottomBlue{width:auto; height:auto; padding:15px; background-color:#26c6da; border-radius:20px; float:left; margin-right:20px; color:#FFFFFF;}
.innerBottomLightBlue{width:auto; height:auto; padding:15px; background-color:#26c6da; border-radius:20px; float:left; margin-right:20px; color:#FFFFFF;}
.innerBottomLightOrange{width:auto; height:auto; padding:15px; background-color:#f57f17; border-radius:20px; float:left; margin-right:20px; color:#FFFFFF;}

.matterBottom3{height:auto;/* border:1px solid #000000;*/ text-align:center; font-size:16px; line-height:23px; padding:5px;color:#06067e; }

.bottomPanel{width:100%; height:auto; border:1px solid #C0CCDA; margin-bottom:20px;}

.tableCellLeft{border-bottom:1px solid #C0CCDA;
		padding:17px;
		font-size: 14px; font-weight:bold;}
		
.tableCellRight{border-bottom:1px solid #C0CCDA;
		padding:17px;
		font-size: 14px;}
		
tr:nth-child(odd) {background-color: #E7F0FB;}
.tableCellwithBackground{border-bottom:1px solid #C0CCDA;
		padding:17px;
		font-size: 14px; font-weight:bold; background-color:#06067e;color:#FFFFFF;}

.imageBoxPanel{margin-bottom:0px; text-align:center; padding-top:10px; padding-bottom:10px;-webkit-box-shadow: 4px 5px 16px 3px rgba(0,0,0,0.61);
-moz-box-shadow: 4px 5px 16px 3px rgba(0,0,0,0.61);
box-shadow: 4px 5px 16px 3px rgba(0,0,0,0.61);}

.normalMatter{
		padding:17px;
		font-size: 19px; line-height:33px; text-align:justify;}
		
.boldMatter{
		padding:17px;
		font-size: 19px; line-height:33px; font-weight:bold;
		color:#06067e;text-align:justify;}
.divBox{width:100%; margin:0 auto; text-align:center; color:#FFFFFF; font-size:18px; padding-top:15px; padding-bottom:15px; margin-top:15px;}
.pinkBox{background-color:#ffab91;}
.skyBlueBox{background-color:#81d4fa}
.deepPinkBox{background-color:#f48fb1}
.greenBox{background-color:#4db6ac}
.lightGreenBox{background-color:#aed581}
.lightOrangeBox{background-color:#ffcc80}
.normalMatter1{
		padding:17px;
		padding-bottom:8px;
		padding-top:8px;
		font-size: 19px; line-height:30px; text-align:justify;}

.normalMatter2{
		padding-left:17px;
		padding-bottom:8px;
		padding-top:8px;
		font-size: 16px; line-height:25px; text-align:justify;}
.stoneTop1
{
width:100%;
/*height:30px;*/
background-color:#0e9d14;
color:#FFFFFF;
border:1px solid #0e9d14;
padding:10px;
font-weight:bold;
font-size:18px;

}
.stoneMiddle1
{
width:100%;
height:300px;
color:#FFFFFF;
border:1px solid #0e9d14;
text-align:center;margin:0 auto; vertical-align:middle; padding-top:70px;
}
.stoneBottom1
{
width:100%;
background-color:#0e9d14;
color:#FFFFFF;
border:1px solid #0e9d14;
padding:10px;
font-weight:bold;
font-size:18px;
}
.stoneTop2
{
width:100%;
background-color:#0808a2;
color:#FFFFFF;
border:1px solid #0808a2;
padding:10px;
font-weight:bold;
font-size:18px;
}
.stoneMiddle2
{
width:100%;
height:300px;
color:#FFFFFF;
border:1px solid #0808a2;
text-align:center;margin:0 auto; vertical-align:middle; padding-top:70px;
}
.stoneBottom2
{
width:100%;
background-color:#0808a2;
color:#FFFFFF;
border:1px solid #0808a2;
padding:10px;
font-weight:bold;
font-size:18px;
}
.stoneTop3
{
width:100%;
background-color:#e59006;
color:#FFFFFF;
border:1px solid #e59006;
padding:10px;
font-weight:bold;
font-size:18px;
}
.stoneMiddle3
{
width:100%;
height:300px;
color:#FFFFFF;
border:1px solid #e59006;
text-align:center;margin:0 auto; vertical-align:middle; padding-top:70px;
}
.stoneBottom3
{
width:100%;
background-color:#e59006;
color:#FFFFFF;
border:1px solid #e59006;
padding:10px;
font-weight:bold;
font-size:18px;
}
.headingNew{
color: #06067e;
    font-weight: bold;
    font-family: "Century Gothic";
    font-size: 24px;
	padding:20px;
}
.headingOrange{
color: #e64a19;
    font-weight: bold;
    font-family: "Century Gothic";
    font-size: 34px;
	padding:20px;
}
.numberMiddle1
{
width:100%;
height:150px;
color:#000000;
border:1px solid #0e9d14;
text-align:center;margin:0 auto; vertical-align:middle; padding-top:5px;
font-size:95px;
}
.numberMiddle2
{
width:100%;
height:150px;
color:#000000;
border:1px solid #0808a2;
text-align:center;margin:0 auto; vertical-align:middle; padding-top:5px;
font-size:95px;
}
.numberMiddle3
{
width:100%;
height:150px;
color:#000000;
border:1px solid #e59006;
text-align:center;margin:0 auto; vertical-align:middle; padding-top:5px;
font-size:95px;
}

.headingNew1{
color: #06067e;
    font-weight: bold;
    font-family: "Century Gothic";
    font-size: 24px;
	padding:20px 35px 20px 35px;
}
.normalMatterNew {
    padding: 35px;
    font-size: 19px;
    line-height: 40px;
    text-align: justify;
    padding-top: 10px;
}
.positiveBox1{background-color:#388e3c;}
.positiveBox2{background-color:#4caf50;}
.positiveBox3{background-color:#009688;}
.positiveBox4{background-color:#26c6da;}
.negativeBox1{background-color:#f57f17;}
.negativeBox2{background-color:#ff5722;}
.negativeBox3{background-color:#ff8f00;}
.negativeBox4{background-color:#ffc107;}

.planetsMiddle1
{
width:100%;
height:100px;
border:1px solid #0e9d14;
text-align:center;margin:0 auto; vertical-align:middle; color:#0808a2;
padding-top:20px;
font-size:30px;
font-family: "Century Gothic";
font-weight:bold;

}
.planetsMiddle2
{
width:100%;
height:100px;
border:1px solid #0808a2;
text-align:center;margin:0 auto; vertical-align:middle; 
color:#0808a2;
padding-top:20px;
font-size:30px;
font-family: "Century Gothic";
font-weight:bold;

}
.planetsMiddle3
{
width:100%;
height:100px;
border:1px solid #e59006;
text-align:center;margin:0 auto; vertical-align:middle; 
color:#0808a2;
padding-top:20px;
font-size:30px;
font-family: "Century Gothic";
font-weight:bold;
}
.normalMatterPlanet{
		padding:17px;
		line-height:30px;
		text-align:center; font-size:24px;
		font-family: "Century Gothic";

		}

.eachPageMainHeading
{
width:70%; border:5px solid #f33305; text-align:center; font-size:30px; border-radius:20px; padding:20px; margin:0 auto;
/*background: #f33305; 
background: -moz-linear-gradient(top,  #f33305 1%, #f28f79 49%, #f2876f 51%, #f24c26 100%);
background: -webkit-linear-gradient(top,  #f33305 1%,#f28f79 49%,#f2876f 51%,#f24c26 100%);
background: linear-gradient(to bottom,  #f33305 1%,#f28f79 49%,#f2876f 51%,#f24c26 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f33305', endColorstr='#f24c26',GradientType=0 ); color:#FFFFFF;
*/font-family: "Century Gothic";
font-weight:bold;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
margin-bottom:20px;
color:#000000;
}

/********************** North Indian Chart Panel *************************/
.chart-dropdown-text {
    line-height: 90px;
    height: 90px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial Narrow;

}

.chart-dropdown {
    line-height: 12px;
    height: 30px;
    text-align: center;
    color: #050505;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial Narrow;
    margin-right: 0px;

}

.chart-submit {
    width: 90px;
    min-width: 0px;
    height: 40px;

}



.my-custom-width {
    max-width: 30%;
}

.vedic-north {
    border: 1px solid #CCC;
    color: #300;
    float: left;
    font-family: Narrow;
    margin: 0px 3px 2px 0px;
    height: 331px;
    width: 331px;
    stroke: #f5b500;
    stroke-width: 2.0;
}

.vedic-north polygon {
    fill: #FDFDFD;
    stroke: #f5b500;;
    stroke-width: 2.0;
}

.vedic-north .houses polygon {
    cursor: pointer;
    opacity: 0;
}

.vedic-north div {
    position: absolute;
}

.vedic-north a {
    color: #32779C;
}

.vedic-north .change-style {
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 158px;
    z-index: 2;
}

.vedic-north .when-change-asc {
    color: #C91417;
    cursor: pointer;
    font-size: 15px;
    position: absolute;
    top: 115px;
    left: 163px;
    z-index: 2;
}

.vedic-north .chart-name {
    position: absolute;
    top: 187px;
    left: 155px;
    color: #0A4557;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    z-index: 0;
    background: lightgray;
}

.vedic-north .divisional {
    background: #CEDFEB;
    border: none;
    border-bottom: 1px solid #CCC;
    border-radius: 2px;
    box-shadow: 0px 1px 2px #DDD;
    color: #0A4557;
    cursor: pointer;
    font-family: Narrow;
    font-size: 14px;
    left: 4px;
    top: -2px;
    padding: 2px 3px;
    position: relative;
    width: 48px;
    z-index: 2;
}

.vedic-north .divisional option {
    background: #FFF;
    color: #0A4557;
    padding: 0px 5px;
}

.vedic-north .house {
    position: relative;
}

.vedic-north .sign {
    font-face: Arial Narrow;
    font-size: 10px;
    text-align: center;
    z-index: 2;
}

.vedic-north .planets {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    z-index: 0;
}

.vedic-north .planets .planet {
    border: 1px solid transparent;
    border-radius: 50%;
    display: inline-block;
    margin: 0em 0.05em;
    padding: 0px 3px;
    position: relative;
}

.vedic-north .planets .planet b {
    border-top: 1px solid #C95100;
    display: inline-block;
    line-height: 1em;
}

.vedic-north .planets .planet .degree {
    font-size: 10px;
    top: 10px;
}

.vedic-north .planets .As {
    color: #C91417;
}

.vedic-north .arudhas {
    color: grey;
    display: table;
    font-family: Arial Narrow;
    font-size: 10px;
    text-align: center;
}

.vedic-north .arudhas u {
    color: grey;
    font-size: 10px;
    display: table-cell;
    text-decoration: none;
    vertical-align: middle;
    padding: 2px;
}

.vedic-north .arudhas br {
    line-height: 0.7;
}

.vedic-north .arudhas p {
    line-height: 0.7;
}

.vedic-north .effects {
    display: none;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    width: 62px;
    z-index: 2;
}

.vedic-north .effects a:hover {
    text-decoration: underline;
}

.vedic-chart-main:last-child .chart,
.vedic-chart-main:last-child .vedic-north {
    margin-right: 0px;
}
</style>

<style>
.monn-sign h5,
.planet-table h5,
.birth-chart-result h5 {
    padding: 7px 0;
    font-size: 20px;
    color: #7D1552;
    font-weight: normal;
    text-align: center;
    line-height: 30px;
    font-family: Georgia;
}

.monn-sign td {
    padding: 10px 0;
    vertical-align: middle;
}

.monn-sign img {
    margin: 0 12px;
    vertical-align: middle;
}

.tablestyle {
    border: 1px solid #DDDDDD;
}

.planet-table tr td:first-child,
.nakshatras-table tr td:first-child {
    color: #008000;
}

.tablestyle td {
    border: 1px solid #DDDDDD;
}

.tablestyle td {
    color: #000000;
    padding: 7px;
}

.tablestyle {
    color: #000000;
    width: 100%;
}

.list_details {
    margin: 0 auto;
}

table {
    background-color: #40090900;
    border-spacing: 0;
    border-collapse: collapse;
}

tbody,
td,
tr,
th {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/*charts*/
.chart.cell.left {
    border-left-width: 2px;
}

.chart.cell.top {
    border-top-width: 2px;
}

.chart.cell.right {
    border-right-width: 2px;
}

.chart.cell.bottom {
    border-bottom-width: 2px;
}

.chart.cell {
    /*
        width: 95px;
        height: 80px;
        */
    width: 111px;
    height: 111px;
    float: left;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #F57500;
    font-size: 11px;
}

.planet {

    color: #6c757d;
    font-size: 16px;
    font-family: Arial Narrow;
    font-style: bold;
    /* float:right; 
        color: grey;
        font-size: 12px;
        */
}

.naks {
    /* float: left; */
}

.subcell12 {

    /*background-image: url(../../../../../assets/img/signs/Aries.gif)
        background-repeat: no-repeat;
        background-position: left bottom;*/
    width: 48px;
    height: 50px;
    margin-top: 27px;

}

.sub-12 {
    float: right;
    width: 38px;
    height: 50px;
    margin-top: -79px;
    margin-left: 2px;
    /*background-image: url(../../../../../assets/img/signs/Pisces.gif);
        background-repeat: no-repeat;
        background-position: right bottom;*/

}

.subcell2 {
    float: left;
    width: 42px;
    /* border: 1px solid; height: 51px; */
    height: 51px;
    /*background-image: url(../../../../../assets/img/signs/Cancer.gif);
        background-repeat: no-repeat;
        background-position: right bottom;*/
}

.sub-2 {
    width: 50px;
    text-align: end;
    /* border: 1px solid; margin-top: 20px;*/
    height: 57px;
    margin-top: 25px;
    float: right;
    /*background-image: url(../../../../../assets/img/signs/Gemini.gif);
        background-repeat: no-repeat;        
        background-position: right bottom;*/
}

.sub-8 {
    width: 50px;
    text-align: end;
    height: 57px;
    margin-top: 32px;
    float: right;
    /*background-image: url(../../../../../assets/img/signs/Leo.gif);
        background-repeat: no-repeat;        
        background-position: left bottom;*/



}

.cell15 {
    text-align: center;
    /* margin-top: 0px; */
    line-height: 75px;
    font-size: 14px;
}

.subcell8 {
    float: left;
    width: 42px;
    height: 1px;
    margin-left: 1px;
    /*background-image: url(../../../../../assets/img/signs/Capricorn.gif);
        background-repeat: no-repeat;
        background-position: left bottom;*/

}

.subcell6 {

    /*background-image: url(../../../../../assets/img/signs/Aquarius.gif);
        background-repeat: no-repeat;
        background-position: right bottom;*/
    width: 48px;
    height: 50px;
    margin-top: 27px;

}

.sub-6 {
    float: right;
    width: 49px;
    height: 50px;

    margin-top: -79px;
    /*background-image: url(../../../../../assets/img/signs/Scorpio.gif);
        background-repeat: no-repeat;
        background-position: bottom;*/

}

.chart.cell12 {
    /*background-image: url(../../../../../assets/img/signs/Pisces.gif);
        background-repeat: no-repeat;
        background-position: right;*/
}

.chart.cell1 {
    /*background-image: url(../../../../../assets/img/signs/Taurus.gif);
        background-repeat: no-repeat;
        background-position: left bottom;*/
}





.chart.cell10 {
    /*background-image: url(../../../../../assets/img/signs/Sagittarius.gif);
        background-repeat: no-repeat;
        background-position: left bottom;*/
}

/* .chart.cell15 {
  	background-image: url(../../../../../assets/img/signs/Scorpio.gif);
  	background-repeat: no-repeat;
  	background-position: left bottom;
	} */

.chart.cell9 {
    /*background-image: url(../../../../../assets/img/signs/Libra.gif);
        background-repeat: no-repeat;
        background-position: left bottom;*/
}

.chart.cell7 {
    /*background-image: url(../../../../../assets/img/signs/Virgo.gif);
        background-repeat: no-repeat;
        background-position: left bottom;*/
}

.one {
    float: left;
    /*background-image: url(../../../../../assets/img/signs/Virgo.gif);
        background-repeat: no-repeat;
        background-position: left bottom;*/
}

.two {
    /*background-image: url(../../../../../assets/img/signs/Virgo.gif);
        background-repeat: no-repeat;
        background-position: left bottom;*/
    margin-top: 25px;
}

.four {


    background-position: left bottom;
    float: left;
    width: 50px;
    height: 49px;
    margin-top: 23px;
    /*background-image: url(../../../../../assets/img/signs/Virgo.gif);
        background-repeat: no-repeat;
        background-position: left bottom;*/
}

.five {
    margin-top: 12px;
    height: 200vh;
    min-height: 1000px;

}

.headingbackgroundImg{width:100%; height:26px; background-image:url(../img/a1.png); background-repeat:repeat-x;}
.newSubHeadingClass{color: #06067e;
    font-weight: bold;
    font-family: "Century Gothic";
    font-size: 24px;margin-bottom:5px;}