.font-24{
    font-size: 24px !important;
}
.font-18{
    font-size: 18px !important;
}
.font-16{
    font-size: 16px !important;
}
.font-14{
    font-size: 14px !important;
}
.custom_color_text{
    color: #2D2D2D !important;
}
ul.bottom_menu {
    border-top: 1px solid #411d5726;
}
.dashboard_setup_ttl h2 {
    padding-bottom: 10px;
}
.custom_blue_color {
    color: #3F2944;
}
.task_progress {
    display: flex;
    gap: 15px;
    align-items: center;
    padding-top: 8px;
}
.setup_section {
    display: flex;
}
.embed_section {
    width: 40%;
    background: #fff;
}
.setup_outer_section{
  padding: 15px;
}
.pre_box{
    background: #F6F7FB;
    border-top-right-radius:12px;
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
}
.available_widget{
    background: #F6F7FB;
    border-radius: 12px;
}
.takeme_box{
    background: #F6F7FB;
    border-top-right-radius:12px;
    border-top-left-radius:12px;
    border-bottom-right-radius:12px;
}
.thanyou-section{
     background: #F6F7FB;
    border-radius: 12px;
}
.task_progress .Polaris-ProgressBar--tonePrimary {
    --pc-progress-bar-background: #FBE2E9;
    --pc-progress-bar-indicator: #C5336A;
}
.primary_pink_button{
    background: #C5336A !important;
    color: #fff !important;
    padding: 8px 12px !important;
    transition: 0.3s ease-in-out !important;
}
button.primary_pink_button:hover {
    background: #db1f76 !important;
}
.pre_box {
    width: 60%;
}
.available_widget {
    width: 60%;
}
.gif_section{
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center;     /* Vertical centering */
    height: 100%;    
}
.p_18 {
    font-size: 18px;
    line-height: 25px;
}
.feature-pro .Polaris-LegacyCard__Header {
    padding-left: 0;
}
.feature-pro {
    display: flex;
}
.feature_pro_con {
    width: 50%;
}
.feature_pro_image {
    width: 50%;
}
.feature_pro_image img {
    width: 100%;
    height: 100%;
}
button.secondry_pink_button {
    color: #C5336A;
    border: 1px solid #C5336A;
    transition: 0.3s ease-in-out;
}
button.secondry_pink_button:hover {
    color: #fff;
    background: #C5336A;
}

.all_widget_box {
    height: 500px;
    overflow-y: scroll;
}
.all_widget_box{scrollbar-color: #D9D9D9}
.thanyou-section {
    height: 550px;
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.thankyou_gif {
    width: 50%;
    margin: 0 auto;
}
.thankyou_gif h4 {
    margin-top: 22px;
    margin-bottom: 10px;
    font-size: 18px;
}
.success_msg {
    width: 60%;
    margin: 0 auto !important;
    font-size: 18px !important;
    line-height: 25px !important;
}
.activetab {
    background: #F6F7FB;
    border-radius: 12px 0 0 12px;
}
.pad-0 {
    padding: 0 !important;
}
.pad-15 {
    padding: 15px;
}
.feature-pro {
    background: #fff;
    margin: 15px 6px 15px 15px;
    padding: 10px;
    border-radius: 12px;
}
.setup_inner_section .Polaris-LegacyCard__Section {
    padding-left: 0;
}
.head-18 {
    font-size: 18px !important;
}
.takeme_box{
    width: 60%;
}
ul {
    margin: 0;
    padding: 0;
}
.top_navigation_wrapper {
    background: #fff;
}
.navigatio_container {
    display: flex;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    justify-content: space-between;
    align-items: center;
}

.menu_list li {
    list-style: none;
    display: inline;
     margin: 0 10px;
    padding: 10px;
    border-bottom: 4px solid transparent;
}
.menu_list li:hover {
    border-bottom: 4px solid #FF1869;
}
.left_section {
    display: flex;
    gap: 50px;
    align-items: center;
}
.menu_list li a {
    text-decoration: none;
    color: #4C365F;
    font-size: 16px;
    font-weight: 600;
}
.red_list li {
    display: inline;
}
.right_buttons_translator {
    display: flex;
    gap: 20px;
    align-items: center;
}
.goog-te-gadget {
    font-size: 0 !important;
}
#google_translate_element>.goog-te-gadget>span:last-child {
    display: none !important;
}
select.goog-te-combo {
    float: left !important;
}
select.goog-te-combo {
    height: 39px !important;
    margin: 0 !important;
    background: #fff;
    padding: 8px 15px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    text-decoration: none;
    color: #000 !important;
}
.gif_image img {
    width: 100%;
    border-radius: 10px;
}
.new_dasbord {
    display: flex;
    gap: 25px;
}


.logo_section {
    text-align: center;
}
.evm_menu_list li a {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    text-decoration: none;
    color: #411D57;
}
.evm_menu_list li {
    list-style: none;
}
.thankyou_gif .success_gif {
    width: 100px;
    margin: 0 auto;
}
.thankyou_gif img {
    width: 100%;
}

@media only screen and (max-width: 1080px) {
    .left_menu_section{
        width: 35%;
    }
}

@media only screen and (max-width: 980px) {
 .thanyou-section {
    height: auto;
    width: 100%;
    padding: 15px;
}
.thankyou_gif {
    width: 100%;
}
.success_msg {
    width: 100%; 
}
.setup_section {
    display: block;
}
.embed_section {
    width: 100%;
}
.pre_box {
    width: 100%;
}
.takeme_box{
    width: 100%;
}
.available_widget {
    width: 100%;
}
.feature-pro {
    display: block;
}
.feature_pro_con {
    width: 100%;
}
.feature_pro_image {
    width: 70%;
    margin: 20px auto;
}
.setup_inner_section{
    border-radius: 0;
}
.activetab{
    border-radius: 0;
}

}
@media only screen and (max-width: 1280px) {
.right_guide_section {
    padding-right: 20px !important;
}
.evm_widget_div .col-lg-3 {
    width: 33.3%;
}
.form_settings div#col-md-3 {
    padding: 0 !important;
}
.form_settings .portlet-body.form {
    padding: 5px !important;
}
.advanced_setting .panel-body{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.panel-heading{
    padding-left:3px !important ;
    padding-right:3px !important ;
}

}
@media only screen and (max-width: 784px) {
    .dashboard .setting-right-box{
        padding: 0;
    }
}
@media only screen and (max-width: 767px) {
    .Polaris-Page {
    max-width: 100% !important;
}

.setup_outer_section{
    padding: 0;
}
.dashboard_setup_ttl h2{
    margin-top: 10px;
}
.evm_widget_div .col-lg-3 {
        width: 100%;
}
.setting-right-box .dash-footer a{
    left: 47px !important;
}
.right_guide_section{
    padding-right: 0 !important;
}
.feature_pro_image img {
    object-fit: contain;
}
.all_widget_box{
    height: auto;
}
}
@media only screen and (max-width: 489px) {
  .dashboard_setup_ttl {
    padding: 0 15px 15px;
}  
}