html {
 
 font-family: 'Segoe UI', sans-serif;
background-color:#F5F0E6;
}
a {
text-decoration:none;
color:#DCC1E0;
}
a img {
border:0px;
}
body {
margin:0px;

}
.wrapper {
width:1024px;
margin:auto;

}
h1 {
padding-bottom:5px;
}
td {
word-wrap: break-word;
}
.topheading {
	font-size:35px;
	
}
.heading {
	text-align:center;
	background-color:#e0f7fa;
	padding:10px;
}
.toolbody {

      background: #e0f7fa;
      color: #006064;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      text-align: center;
	  border:1px;
	  
}
.toolbody p { 
    text-align: center;
}

/*----------------------------------------------------------------------------------------------------------------*/
.header {
 
 
}
.btn { 
	text-decoration:none;
}

.logo {
 
	padding:15px;
	margin:15px;
 
}
 
  
.body {
margin:auto;
}
.seotext {
	 display: block;
	 width:100%;
   
	
}
 .content  p , .seotext p {
	 
	text-align:justify;
 
	 
}

.content {
	margin:auto;
padding:5px;
}

.content  li , a {
	color:#000;
}
.footer {
padding:5px;
text-align:center;
 
border-top:1px solid #999999;
}
 
 

/* -----------------------------------------------------------  */
 
   i {
      font-size: 18px; /* Adjust size as needed */
      text-align: center;
      margin-right: 10px;
      color: #1aa1b9; /* Optional: Change color */
    }
	
/* ------------------------------------------------  */

.contentdivs {
	 display: flex;
    flex-wrap: wrap; /* wraps on smaller screens */
    justify-content: center; /* centers the items */
    gap: 20px; /* space between boxes */
}
.contentdivs  p, h4 {
	margin:0px;
}
.calculator_container {
    flex: 1 1 380px; /* grow, shrink, base width */
    max-width: 450px;
    min-width: 380px;
    padding: 20px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    background-color: #fdfdfd;
  }

  @media (max-width: 768px) {
    .contentdivs {
      flex: 1 1 100%;
    }
  }

/************************************************/


 .fulldiv {
      flex: 1 1 100%;
    }
.readmore {
	margin:12px;
	line-height:20px;
	text-align:center;
 
}