@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
.ova_elems_page_select-template div#wpcontent {
	padding-left: 0px;
	padding-right: 0px;
}
.ova_elems_page_select-template .wrap {
	margin: 0px;
}
.container-custom {
	max-width: 1360px;
	margin: 0px auto;
}
#toplevel_page_ovation_elements .wp-menu-name::after,
#toplevel_page_ovation_elements .wp-submenu-wrap li:last-child a::after {
	content: '1';
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	margin: 1px 0 -1px 5px;
	padding: 0 5px;
	min-width: 18px;
	height: 18px;
	border-radius: 9px;
	background-color: #d63638;
	color: #fff;
	font-size: 11px;
	line-height: 1.6;
	text-align: center;
	z-index: 26;
}
#toplevel_page_ovation_elements .wp-submenu-wrap li:last-child a {
	font-weight: 600;
	background: transparent linear-gradient(90deg, #0023C4 0%, #FD5CF4 100%) 0% 0% no-repeat padding-box;
	color: #fff;
	margin: 3px 10px 0;
	display: block;
	text-align: center;
	border-radius: 3px;
	transition: all .3s;
}
/* select template page */
.heading-container h1 {
	font: normal normal 600 26px / 33px Outfit;
	letter-spacing: 0px;
	color: #000000;
}
h5.card-title {
	font: normal normal 600 26px / 33px Outfit;
}
a.btn.btn-primary {
	font: 18px / 23px Outfit;
	font-weight: 500;
	background: #5E2CED;
	padding: 9px 25px;
	border: none;
}
.heading-container {
	margin-bottom: 30px;
	padding: 30px 0px 10px;
}
.heading-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.heading-container .container-custom {
	margin: 0px;
}
/* select template page */
/* .slide-container,
.static-container {
	background: #F2F2F2;
	padding: 30px 35px !important;
	border-radius: 20px !important;
} */
.form-group label {
	font: normal normal 600 18px / 23px Outfit;
	letter-spacing: 0px;
	color: #000000;
	padding-bottom: 10px;
}
button.upload_image_button {
	color: #00000033 !important;
	font: normal normal 600 12px / 15px Outfit !important;
}
button.upload_image_button {
	height: 68px;
	border: 0px;
	width: 127px;
}
.form-group.half {
    width: 50%;
}
.form-group input {
	height: 44px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 7px;
	border: none;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Segoe UI';
	margin-bottom: 28px;
}
.form-group select {
	border-radius: 7px;
	border: none;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Segoe UI';
	height: 44px !important;
	padding: 0 10px;
}
.form-group input[type=checkbox] {
	height: 20px !important;
	width: 20px;
	background: #fff;
	border: 1px solid #0023C4;
	border-radius: 5px;
	cursor: pointer;
}
.form-group input[type=checkbox]:before {
	height: 20px !important;
	width: 20px;
	margin: 0;
}
#slide_button_text_0 {
	margin-bottom: 28px;
	height: 44px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 7px;
	border: none;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Segoe UI';
	margin-bottom: 28px;
	width: 100%;
}
#slide_button_text_1 {
	height: 44px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 7px;
	border: none;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Segoe UI';
	margin-bottom: 28px;
}
.form-group textarea {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 7px;
	border: none;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Segoe UI';
	margin-bottom: 28px;
}
.form-group textarea:focus {
	box-shadow: none;
	outline: none;
	border-color: #2271b1;
	box-shadow: 0 0 0 1px #2271b1;
}
button.remove_slide_button {
	background-color: rgba(253, 92, 244);
	padding: 8px 18px;
	border: 0px !important;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 800;
}
button#add_slide_button {
	background-color: rgba(0, 35, 196, 1);
	padding: 8px 18px;
	border: 0px !important;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 800;
}
button.btn.btn-primary {
	background: linear-gradient(90deg, rgba(0, 35, 196, 1) 0%, rgba(253, 92, 244, 1) 70%);
	font: normal normal 500 20px / 27px Outfit;
	padding: 8px 30px;
	border-radius: 8px;
	margin: 0 15px;
	transition: linear all 0.3s;
	border: 0;
}
.slider-from-outer {
	position: relative;
}
.slider-from-outer {
	position: relative;
	margin-bottom: 50px;
}
/* .static-container {
	display: flex;
	flex-wrap: wrap;
	gap: 0px 10px;
} */
.form-group {
	width: 100%;
}
.form-group.mini {
	width: max-content;
}
.form-group.half {
	width: 49%;
}
.upload_image_button {
	border: 1px solid #0000 !important;
	background: #fff !important;
}
.editor-heading {
	font: normal normal 600 24px / 30px Outfit !important;
	letter-spacing: 0px;
	color: #000000;
	margin: 30px 0px !important;
}
.slider-form-heading {
	font: normal normal 600 20px / 25px Outfit;
	letter-spacing: 0px;
	color: #000000;
	margin: 20px 0px;
}
.slide-container h3 {
	font: normal normal 600 20px / 25px Outfit;
	letter-spacing: 0px;
	color: #000000;
	margin: 20px 15px;
}
.form-group.d-flex.gap-3 {
	gap: 10px;
}
/* admin notice css start */
.notice.is-dismissible.ova-elems {
	padding: 0 !important;
	border: 0 !important;
}
.ova-elems-notice-banner-wrap {
	display: grid;
	grid-template-columns: 220px 3fr 1fr 1fr;
	gap: 10px;
}
.ova-elems-notice-heading {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
}
.ova-elems-main-head {
	font: 900 50px / 50px Outfit !important;
	color: #2D1DB3;
	padding: 0;
}
.ova-elems-sub-head {
	font: 400 30px / 30px Outfit;
	color: #2D1DB3;
	margin: 0;
}
.ova-elems-notice-btn {
	display: flex;
	justify-content: center;
	margin: auto;
	height: max-content;
}
.ova-elems-buy-btn {
	background: #2D1DB3;
	padding: 10px 20px;
	text-decoration: none;
	color: #fff;
	border-radius: 6px;
	font-size: 18px;
}
.notice-left-img img {
	height: 100%;
}
.ova-elems-buy-btn:hover,
.ova-elems-buy-btn:active {
	color: #fff !important;
}
/* admin notice css end */
/* newly add */
#ovs-edit-page .template-edit-img {
	text-align: center;
	padding: 20px 0px;
}
#ovs-edit-page .ovs-edit-template-img {
	width: fit-content;
	margin: auto;
	background: #2084ee;
	border-radius: 6px;
}
#ovs-edit-page .template-edit-img h2 {
	padding: 20px 0px;
	font: 600 20px/22px Outfit;
	color: #fff;
}
#ovs-edit-page .ovs-edit-template-img img {
	width: 100%;
	height: 100%;
}
#ovs-edit-page .ovs-edit-template-img img {
	width: 350px;
	margin: auto;
}
.ovs-edit-template-img {
	background: aquamarine;
}
/* My custom css */
.tabs_buttons_outer {
	margin: 30px 0 0;
}
.plugin_edit_options .slide-container h3 {
	font: normal normal 600 24px / 30px Outfit !important;
	letter-spacing: 0px;
	color: #000000;
	margin: 0px 15px 30px !important;
}
.bg_img_color {
	display: flex;
	align-items: center;
}
.bg_img_color label {
	margin: 0 20px 0 0;
}
.bg_img_color button,
.form-group button {
	margin: 0 10px 0 0px !important;
	border-radius: 7px !important;
}
.add_slide_button {
	background-color: rgba(0, 35, 196, 1) !important;
	color: #fff !important;
	border: 0;
	padding: 7px 18px;
	font-weight: 700;
	border-radius: 7px;
}
.my-static-container {
	display: block;
}
.nav-tabs {
	border-bottom: 0;
	justify-content: center;
	margin: 0 0 30px;
}
.nav-link {
	background-color: #F2F2F2 !important;
	border: 1px solid #ccc;
	border-radius: 7px !important;
	color: #707070 !important;
	font-size: 15px;
	font-weight: 800;
	margin: 0 5px;
	text-transform: capitalize;
}
.tabs_buttons_outer .nav-link:focus {
	box-shadow: none !important;
}
.tabs_buttons_outer .nav-link:hover {
	background-color: rgba(0, 35, 196, 1) !important;
	color: #fff !important;
}
.tabs_buttons_outer .nav-link.active {
	background-color: rgba(0, 35, 196, 1) !important;
	color: #fff !important
}
.ov-head-review {
	background: linear-gradient(90deg, rgba(0, 35, 196, 1) 0%, rgba(253, 92, 244, 1) 70%);
	font: normal normal 500 18px / 27px Outfit;
	padding: 6px 22px;
	border-radius: 8px;
	margin: 0 10px;
	transition: linear all 0.3s;
	border: 0;
	color: #fff;
	text-decoration: none;
}
.ov-head-review:hover {
	text-decoration: none;
	color: #000;
}
.ov-head-review:focus {
	color: #fff;
}
/* Highlight the 'Upgrade to Pro' message */
.upgrade-message {
	background: linear-gradient(90deg, rgba(0, 35, 196, 1) 0%, rgba(253, 92, 244, 1) 70%);
	color: #ffffff;
	border: 1px solid #ffffff;
	padding: 15px 25px;
	border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	text-align: center;
	max-width: 800px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.upgrade-message a {
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
}
.upgrade-message a:hover {
	color: #3b2dff;
	text-decoration: none;
}
#ov_client_image {
	display: none;
}
/* for slide vedio bg */
#video_bg_image {
	display: none;
}
#bg_slide_image {
	display: none;
}
.preview-bg-slide-image {
	margin-left: 430px;
	margin-bottom: 20px;
	margin-top: 80px;
}



/* template1 remove bg image button */
.remove_image_button.button.btn.btn-danger.mt-2 {
	display: none !important;
  }


/* pro icon */
.fa-crown {
    margin-right: 5px;
}


/* oe free */
.badge.oe-free {
    color: #1D2327;
    font-size: 19px;
    font-weight: bold;
    font-family: 'Segoe UI';
}

  .ot-elems-coming-soon {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* .oe-crown {
	margin-left: 185px;
	margin-top: 140px;
} */

a.btn.btn-primary {
	font: 18px / 23px Outfit;
	font-weight: 500;
	background: #5E2CED;
	padding: 9px 25px;
	border: none;
	color: white;
}

/* p {
	margin-top: 0;
	margin-bottom: 1rem;
	display: inline-block;
} */


/* select template action */

.template-actions {
	padding: 0px 15px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;
}


/* .slider-card {
	border-radius: 6px;
	background-color: #E6E6E6;
	border: 1px solid #707070;
	height: 100%;
} */


/* my new settings is present here */

/* .slide-container.mb-4.p-3.border.rounded {
	background: #F2F2F2;
} */


.ov-settings-seprator{
 background: #F2F2F2;
 padding: 30px 35px !important;
 border-radius: 20px !important;
}

.ove-other-details.ov-settings-seprator {
	margin-top: 20px;
}

.form-group-heading label {
	font: normal normal 600 20px / 23px Outfit;
	letter-spacing: 0px;
	color: #000000;
	padding-bottom: 25px;
}