/* Add your custom styles here */
div, h1, h2, h3, h4, h5, p{
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
}
.formLavel {
    font-size: 18px ;
    /* padding-bottom: 15px; */
}
.formInput {
    margin-top: 15px ;
    width: 20% ;
    font-size: 16px ;
}
.formInput_submite_button {
    padding: 10px 40px ;
    font-size: 16px ;
    background: #3c434a ;
    color: white ;
    border: none ;
    border-radius: 10px ;
}
.formInput_submite_button:hover {
    color: #3c434a ;
    background: white ;
    border: 1px solid black ;
}
.fullform {
    padding: 35px 0px ;
}
/*popupcss*/
.mfp-container {
    padding: 0 0px;
	background-color: #fff;
}
.mfp-content {
    width: 100% ;
    /* max-width: 900px; */
    margin: 0 auto ;
    background: white ;
    height: 100vh ;
}
button.mfp-close, button.mfp-arrow {
    font-size: 50px ;
    margin-right: 37px ;
    margin-top: 25px ;
}
.popupfull {
    width: 100%;
    height: 100vh ;
    display: flex ;
    flex-direction: column ;
    align-content: center ;
    align-items: center ;
    border-radius: 10px 10px 0px 0px ;
}
.iframe-container {
    position: relative ;
    width: 100% ;
    height: 90vh ;
    border: 1px solid #ccc ;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) ;
    margin-top: 20px ;
}
iframe {
    width: 100% ;
    height: 100% ;
    border: none ;
}
.controls {
    margin-top: 20px ;
}
.controls button {
    margin: 0 5px ;
    padding: 8px 10px ;
    border: none ;
    border-radius: 4px ;
    background-color: #007bff ;
    color: white ;
    cursor: pointer ;
}
.controls button:hover {
    background-color: #0056b3 ;
}
img.button_icon {
    height: 25px ;
}
/*Fontend CSS*/

.rmtitle_section_full {
    display: flex ;
    flex-direction: column ;
    align-content: center ;
    align-items: center ;
    padding: 40px 30px;
    border-radius: 10px;
}
.rm_content_section{
   display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    width: 50% ;
}
.rmsectiontitle {
    text-align: center !important;
	font-weight: 700;
}
.rmsectiondic {
    text-align: center !important;
}
.rmtitle_img {
    width: 150px ;
    height: auto ;
}
.rm_button_section {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    width: 100%;
    justify-items: center;
    align-items: center;
	flex-wrap: wrap;
}
.rm_filter_button {
    padding: 10px 30px ;
    border-radius: 10px ;
    margin: 10px 5px ;
    text-align: center ;
    text-decoration: none ;
}   
.rm-template-list {
    display: flex ;
    align-content: center ;
    justify-content: center ;
    align-items: center ;
    justify-items: center ;
	flex-wrap: wrap;
    padding: 30px 20px ;
}
.rm-template-demo-live-preview-button {
    padding: 10px !important;
    margin-bottom: 20px !important;
}
.rm-template-demo-title {
    margin-top: 20px !important;
}
.rm-template-item {
	width: 300px !important;
    margin: 8px ;
    display: flex;
    flex-direction: column ;
    align-content: center ;
    align-items: center ;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1) ;
    width: 95% ;
	border-radius: 5px ;
}
.rm-template-demo-image {
    width: 100% !important;
    height: 165px  !important;
    object-fit: cover  !important;
	border-radius: 5px 5px 0px 0px  !important;
}
.rm-template-demo-live-preview-button a{
    padding: 5px 20px 8px 20px;
    border-radius: 5px ;
    margin: 10px 5px ;
    text-align: center;
    text-decoration: none ;
}
.rm-template-category {
    width: fit-content;
    align-self: baseline ;
    margin-top: -32px ;
    border-radius: 0px 5px 5px 0px ;
    padding: 4px 10px 4px 10px ;
    background-color: #e4e4e4 ;
    color: #29292f ;
    font-size: 13px ;
    z-index: 1 ;
}
.rm-template-demo-title {
    font-size: 18px;
}