body{
    margin:0px;
    padding:0px;
    font-family: 'Roboto', sans-serif !important;
    outline:none;
    background: linear-gradient(0deg,#d9d9d9,#023e8a);
}
.outerWrapper{
    width:100%;
    display:inline-block;

    /* Adjust background properties as needed */
    background-size: cover; /* Cover the entire background */
    background-repeat: no-repeat; /* Prevent image repetition */
    background-position: center center; /* Center the image */
    /* Additional styling for the centerWrapper class if needed */
    /* padding: 20px; */
}
.centerWrapper{
  max-width:900px;
  max-width:900px;
    margin:0 auto;
    padding:0px 15px;
    
    
}
.outerWrapper h2{
    margin-top: 60px;
    margin-bottom: 25px;
    font-size:26px;
    color: #fff;
}
.outerWrapper .item input, .outerWrapper .item textarea{
    padding:10px;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size:16px;
}
.outerWrapper .item p{
    margin:5px 0px;
    color: #fff;
}
.btn-block{
    width:100%;
    margin:30px 0px;
    text-align:center;
}
.btn-block button{
    background-color:#007bff; padding: 15px; border-radius: 5px; width:200px;
    font-size:16px;
    font-weight:600;
    color:#fff;
    cursor:pointer;
    border:none;
}
.topHeader{
    width:100%;
    display:inline-block;
    padding:20px 0px;
    background: #fff;
    position:sticky;
    top:0;
}
.topHeader img{
    max-width:150px;
}
.flexadta{
    display:flex;
    width:100%;
    align-items:center;
}
.rightdata{
    margin-left:auto;
}
.rightdata ul {
    margin: 0;
}
.rightdata ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    margin-left: 10px;
}
.rightdata ul li a {
    text-decoration: none;
    color: #fff;
}
.rightdata a {
    text-decoration: none;
    color:#023e8a;
}
.footerData{
   width:100%;
    display:inline-block;
    padding:20px 0px;
    background:#f5f5f5;
    margin-top:50px;
}
.footerData p{
    text-align:center;
    color:#023e8a;
    font-weight:600;
}
.outerSectionContent{
    width:100%;
    display:inline-block;
    padding:15px 20px;
    box-sizing: border-box;
    /*background:#e9e9e9;*/
}
.tableContentOption{
    width:100%;
    display:flex;
    padding:20px 0px;
}
.leftTableContent{
    width:45%;
}
.leftTableContent h3{
    font-size:16px;
    text-align:left;
    margin:5px 0px;
    color: #fff;
}
.topPreviewRight{
    margin-left:auto;
    width:60%;
    padding-left:40px;
}
.topPreviewRight h4{
    font-size:16px;
    text-align:center;
    margin:5px 0px;
    color: #fff;
}
.sectionData{
    width:100%;
    display:flex;
    align-items:center;
    margin:10px 0px 0px;
    color: #fff;
}
.sectionData input{
    border:2px solid #007bff;
    font-size:14px;
    padding:5px;
    outline:none;
}
.sectionData select{
    border:2px solid #007bff;
    font-size:14px;
    padding:5px;
    outline:none;
	background: #fff;
    width:115px;
}
.sectionData.widthIncrease input{
    width:101px;
}
.sectionData.widthIncrease input.colorPicker{
    margin-left:10px;
    padding:0px;
}
.sectionData label{
    margin-right:10px;
    color: #fff;
    font-weight:600;
    font-size:14px;
    min-width: 150px;
    text-align: right;
}
.bgFill{
    width: 30px;
    height:26px;
    background: green;
    margin-left: 7px;
    border:2px solid #007bff;
}
.outerWrapper .topPreviewRight h1{
    margin:0px;
    font-weight:600;
    font-size:20px;
}
.outerWrapper .topPreviewRight h2{
    margin:0px;
    text-align:left;
    color: #000;
}
.outerWrapper .topPreviewRight h3{
    margin:0px;
    text-align:left;
}
.outerWrapper .topPreviewRight ul{
    margin:0px;
    padding-left:20px;
}
.outerWrapper .topPreviewRight ul li{
    margin:16px 0px;
}
.outerWrapper .topPreviewRight ul li a{
    color:#000;
    text-decoration:none;
}
.margin-left
{
	margin-left:70px !important;
}