/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/


@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

.bounce {
    animation: bounce 1s;
}

/* HEADER */

#Action_bar .column {
    padding-right: 30px;
}

body:not(.template-slider) #Header {
    min-height: 128px;
}

.header-fixed.admin-bar #Action_bar {
     top: 35px;
}

.header-classic #Action_bar, .header-fixed #Action_bar, .header-plain #Action_bar, .header-split #Action_bar, .header-shop #Action_bar, .header-shop-split #Action_bar, .header-stack #Action_bar {
    background: #fff;
}

#Top_bar .menu.page-menu > li > a {
    border-right: solid 0px!important;
}

/*  TOP BAR  */

div#Top_bar {border: solid 0px!important;}

#Top_bar div#sticky-bar-ref {
    width: 100%!important;
    margin: auto;
    padding-left: 0px!important;
    padding-right: 0px!important;
    background: #E86E25 !important;
    left: 0px!important;
    opacity:1!important;
}

div#sticky-bar-ref {opacity:1!important;}
div#sticky-bar-ref {margin-left: -37px!important;margin-right: -37px!important;}
div#Action_bar {padding: 0px 0px;line-height: 13px;height: 38px;}
.header-fixed.ab-show #Top_bar {top: 38px!important;}
.header-fixed.admin-bar.ab-show #Top_bar{top: 70px!important;}
#Action_bar .social-menu li {
    border-right: 0px!important;
    padding-right: 0px!important;
    text-transform: uppercase;
    padding-left: 20px;
    font-size: 17px!important;
}

#Action_bar .social-menu li:hover a{text-decoration:unset!important;color: #E86E25!important;}
#Action_bar li a{line-height: 30px;color:#50748A!important;font-size: 15px;font-weight: 600;padding: 0px!important;}
#Action_bar li.wpml-ls-item a{color: #85A640!important;}

.header-fixed #Action_bar .contact_details li,.header-fixed #Action_bar .social,.header-fixed #Action_bar .social-menu {padding: 3px 0px!important;}

#Action_bar li:hover a {font-weight:700;padding-left:0px;padding-right:0px;letter-spacing:0.5px;}
#Action_bar li a {letter-spacing:0.5px;}

@media only screen and (max-width: 767px) {
    
#sticky-bar-ref .display-flex.links-list-top-bar .wpb_wrapper {padding-bottom: 8px;}
#Content #sticky-bar-ref .display-flex.links-list-top-bar .wpb_wrapper h6 a{line-height:42px !important;}
#Content #sticky-bar-ref .vc_column-inner{padding-bottom: 22px;}
#sticky-bar-ref .vc_column-inner{padding-bottom: 3px;}

#sticky-bar-ref .display-flex.links-list-top-bar .wpb_wrapper {display: grid;grid-template-columns: repeat(1,1fr);gap:0px!important;}

.header-fixed #Action_bar .contact_details li, .header-fixed #Action_bar .social, .header-fixed #Action_bar .social-menu {padding: 0px!important;}
.mobile-header-mini #Action_bar {display: unset!important;background: #fff!important;}

#Header .container {padding-left: 0px!important;padding-right: 0px!important;}
#Action_bar .contact_details {display: none!important;padding: 0px!important;height: 0px!important;}
#Action_bar .social li a, #Action_bar .social-menu a{font-size:13px!important;color:#fff!important;}
    
#Action_bar .social-menu li {
    border-right: 0px!important;
    padding-right: 5px!important;
    text-transform: uppercase;
    padding-left: 5px;
    line-height: 24px;
}
 
}

@media only screen and (max-width: 420px) {

#Action_bar .social li a, #Action_bar .social-menu a{font-size:9px!important;color:#fff!important;font-weight:450;line-height:31px;}
#Action_bar .social-menu li {padding-right: 0px!important;padding-left: 0px;}
#Action_bar li.wpml-ls-item {line-height: 31px;padding-right:5px!important;}

}

/* END - TOP BAR */


/*  MAIN MENU   */

.header-fixed #Top_bar {opacity: 1!important;}

img.logo-main.scale-with-grid {max-height: 75px!important;margin-top: -15px;}

.header-fixed #Top_bar .logo {margin-left: 0px!important;margin-right: 0px!important;}

.header-fixed #Top_bar .menu > li > a {padding: 30px 13px!important;font-size: 19px;color: #fff;}

.header-fixed #Top_bar {box-shadow: 0px 4px 5px #00000012!important;}

.menuo-no-borders #Top_bar .menu > li > a span {color: #fff;}
/*
.menuo-no-borders #Top_bar .menu > li:hover > a span {color: #E86E25;text-decoration:underline;}
*/
.menuo-no-borders #Top_bar .menu > li:hover > a span {clip-path: polygon(0 0, 92% 0, 100% 30%, 100% 100%, 0% 100%);background: #e86e25;border-radius: 0px;color:#fff;text-decoration:unset!important}


#Top_bar .top_bar_right .top-bar-right-icon svg {width: 30px;}

#Top_bar .top_bar_right .top-bar-right-icon, #Top_bar .top_bar_right .top-bar-right-icon svg .path {
    color: #fff;
    stroke: #fff;
}

#Top_bar .top_bar_right .top-bar-right-icon:hover, #Top_bar .top_bar_right .top-bar-right-icon:hover svg .path {
    color: #E86E25;
    stroke: #E86E25;
}

.btn-menu span{clip-path: polygon(0 0, 92% 0, 100% 30%, 100% 100%, 0% 100%);background: #e86e25;padding: 0px 0px;border-radius: 0px;color:#fff!important;}

.btn-menu:hover span{background: #ffffff!important;padding: 0px 0px;border-radius: 0px;color:#e86e25!important;text-decoration:unset!important;}

#Top_bar .menu>li.btn-menu>a span:not(.description) {
    padding: 0px 15px;
}

/* variant */

.menuo-right #Top_bar .menu_wrapper:after {
    content: '';
    display: block;
    left: 3px;
    position: absolute;
    margin-left: -60px;
    background: #50748a;
    height: 89.9px;
    width: 60px;
    clip-path:polygon(71% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.menu_wrapper {
    background: #50748A;
    /* clip-path: polygon(5% 0%, 300% 0%, 100% 200%, 0% 100%); */
    position:relative;
    /*padding-left:60px;*/
}

.menu_wrapper:before {
    content:'';
    position:absolute;
    background: #50748A;
    right:-1000px;
    width:1200px;
    height: 90px;
}

.search_wrapper {
    z-index: 3!important;
    position: absolute;
}

.top_bar_right {
    z-index: 3!important;
}

.top_bar_left.clearfix {
    z-index: 1;
}

/* END - variant */

#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
    height: 60px;
    margin-top: -10px;
}

.logo-mobile {
    opacity: 1 !important;
    transform: none !important;
}

@media only screen and (max-width: 1239px) {
.header-fixed #Top_bar .menu > li > a {padding: 30px 0px!important;font-size: 18px;}

#Top_bar .menu > li > a span:not(.description) {
    padding: 0px 7px;
}

/* variant */
.menu_wrapper {padding-left:30px;}
/* END - variant */

.menuo-right #Top_bar .menu_wrapper:after {left: 4px;margin-left: -25.5px;width: 28px;}
.header-fixed #Top_bar .logo {margin-left: -25px!important;}
    
}


@media only screen and (max-width: 959px) {

.header-fixed #Top_bar .menu > li > a {padding: 30px 1px!important;font-size: 16px;}

    body:not(.template-slider) #Header {
    min-height: 114px;
}


#Top_bar .menu > li > a span:not(.description) {
    padding: 0 6px!important;
}

#Action_bar li a {
    font-size: 13px;
}

#Action_bar .social-menu li {
    padding-right: 0px!important;
}

#Top_bar .menu > li > a span:not(.description) {
    font-size: 13px;
}

#Top_bar .top_bar_right {
    padding: 0 5px;
}


/* variant */
.menu_wrapper {padding-left:20px;}
/* END - variant */
    
}

@media only screen and (max-width: 767px) {
    
#Top_bar #logo img.logo-mobile {
    max-height: 38px!important;
    margin-top: 11px;
}

body:not(.template-slider) #Header {
    min-height: 68px!important;
}

.mobile-header-mini #Top_bar a.responsive-menu-toggle {
        margin-top: -28px!important;
}
    
.menuo-right #Top_bar .menu_wrapper:after {display: none;}

#Action_bar .column {padding: 0px!important;}
.header-fixed #Top_bar .logo {margin-left: 0px!important;}

#Action_bar li.wpml-ls-item {
    background: #85A640;
    line-height: 41px;
    text-align:center!important;
    font-size: 16px;
    clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
    padding-left:20px!important;
}

#Action_bar li.wpml-ls-item a{
    color: #FFFFFF!important;
}
    
#Action_bar li.wpml-ls-item {line-height: 25px;padding-left: 7px!important;}
#Action_bar li.wpml-ls-item a{padding-left:0px!important;padding-right:6px!important;}

/* variant */    
.menu_wrapper {
    clip-path: unset!important;
    position:unset!important;
    padding-left:0px!important;
}

.menu_wrapper:before {
    display:none!important;
}

.btn-menu span{background:transparent!important;}
/* END - variant */

#Top_bar .responsive-menu-toggle, #Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle {
    color: #50748A;
}

#Top_bar a.responsive-menu-toggle i {
    font-size: 31px!important;
    line-height: 38px!important;
}

#Top_bar .top_bar_right .top-bar-right-icon svg {
    width: 34px;
}

#Top_bar .top_bar_right .top-bar-right-icon, #Top_bar .top_bar_right .top-bar-right-icon svg .path {color: #50748A;stroke: #50748A;}

body:not(.template-slider) #Header {min-height: 87px;background: #50748A;}

#Top_bar #logo img.logo-mobile {margin-left: 8px;}

}

/* SIDE SLIDE */

#Side_slide a.top-bar-right-icon.top-bar-right-icon-search.icon.search {
    display: none!important;
}

div#Side_slide {
    background-color: #50748A;
    border-color: #50748A;
}

#Side_slide nav#social-menu {
    display: none!important;
}

#Side_slide #menu ul li {
    border-top: 0px!important;
}

#Side_slide #menu ul li a {
    font-size: 21px;
    color: #fff!important;
}

#Side_slide .close-wrapper a.close i {
    color: #fff!important;
    font-size: 35px!important;
}

#Side_slide .sub-menu a {
    line-height: 25px!important;
    font-size: 17px!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

#Side_slide .sub-menu {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

/*
#Side_slide {
    right: -295px;
    width: 295px;
}
*/

/* END - SIDE SLIDE */


/* END - MAIN MENU */


/* SUBHEADER */

div#Subheader {padding:35px 0px;background: rgb(221,217,195);background: -moz-linear-gradient(90deg, rgba(221,217,195,1) 34%, rgba(239 236 217,1) 50%, rgb(255 255 255) 85%);background: -webkit-linear-gradient(90deg, rgba(221,217,195,1) 34%, rgba(221,217,195,0.7623643207282913) 50%, rgb(255 255 255) 85%);background: linear-gradient(90deg, rgba(221, 217, 195, 1) 34%, rgb(222 219 197) 50%, rgb(255 255 255) 85%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ddd9c3",endColorstr="#ddd9c3",GradientType=1);}

.subheader-both-center #Subheader .title {
    text-align: left;
    padding-left: 15px;
    color: #e86e25;
}

.single-post.subheader-both-center #Subheader .breadcrumbs {
    display: block;
    text-align: left!important;
    padding-left: 19px;
    font-size: 15px!important;
}

.subheader-both-center #Subheader .breadcrumbs {
    display: none;
}

/* END - SUBHEADER */




/* submenu */

#Top_bar .menu li ul.sub-menu li a  {padding:4px 15px!important;border-bottom: solid 1px #ffffff4f;}
#Top_bar .menu li ul.sub-menu li:last-child a  {border-bottom: solid 0px #ffffff4f;}

#Top_bar .menu li ul.sub-menu li a span {
    font-size: 16px!important;
    padding:0px 0px!important;
    color: #fff!important;
    line-height:24px;
}

#Top_bar .menu > li ul {
    padding-top:0px;
    padding-bottom:0px;
    background: #50748a;
}

#Top_bar .menu li ul li{width:220px;}
/*
#Top_bar .menu li ul li.current-menu-item {background: #e86e25;}
*/

.no-pointer a.mfn-megamenu-title {cursor: unset!important;}

#Top_bar .menu li.current-menu-ancestor ul li.current-menu-item > a {background: #e86e25!important;}
#Top_bar .menu li.current-menu-ancestor.current-menu-item ul li.current-menu-item {background: transparent!important;}

/* END - submenu */

#Top_bar .menu li.current-menu-ancestor ul  #menu-item-5768 li.current-menu-item > a {background:transparent!important;}
#Top_bar .menu li.current-menu-ancestor ul  #menu-item-3980 li.current-menu-item > a {background:transparent!important;}

/* END - HEADER */




/* GLOBAL */

.hide{display:none!important;}

.validation_message {font-size: 16px;color: red;}
input[type="password"] {margin-bottom: 5px;}

.show-mobile{display:none;}
.no-margin-bottom .vc_single_image-wrapper{margin-bottom: 0px!important;}

.has_content .the_content_wrapper {margin-bottom:0px!important;}
.dark-bg h1,.dark-bg h2,.dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg a, .dark-bg{color:#fff!important;}

.two-cols-box  {min-height:300px;}
.two-cols-box .vc_column-inner {min-height: 332px;}

.two-cols-box .right-margin-fullwidth  {padding-left:50px;}
.two-cols-box .left-margin-fullwidth  {padding-right:50px;}

.wp-block-quote {font-size: 24px!important;color: #000!important;font-weight: 500;}

.bottom-bg-right {
    background-size: 457px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-color: #fefefe;
}

h5 a {
    color: #df793c;
    text-decoration: underline!important;
}

/* buttons */

.close-button-popup {
    background: #50748a;
    position: absolute;
    right: 11px;
    border-radius: 30px;
    padding: 8px 14px;
    font-size: 19px;
    font-weight: 600;
    color: #fff!important;
}

input[type="submit"] {
    min-width: 311px;
    border-radius: 0px;
    background: #ff8200;
    margin-bottom: 0px !important;
    font-size:20px!important;
}

input[type="submit"]:hover {
    background: #4f7288;
    margin-bottom: 0px !important;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    font-size: 22px;
    font-weight: 500;
    border-radius: 0px;
    padding: 8px 30px;
    border: solid 2px!important;
    margin-right: 0px;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background: #ff8200;
    padding: 7px 30px;
    border-radius: 0px;
    color: #fff !important;
    font-weight: 500 !important;
    text-decoration: unset !important;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus {
    background: #4f7288;
    padding: 7px 30px;
    border-radius: 0px;
    color: #fff !important;
    font-weight: 500 !important;
    text-decoration: unset !important;
}

.dark-bg .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background: #e86e25;
    padding: 7px 30px;
    border-radius: 0px;
    color: #fff !important;
    font-weight: 500 !important;
    text-decoration: unset !important;
}

.dark-bg .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus {
    background: #e86e25;
    padding: 7px 30px;
    border-radius: 0px;
    color: #fff !important;
    font-weight: 500 !important;
    text-decoration: unset !important;
}

/* END - buttons */

@media only screen and (max-width: 767px){

.two-cols-box .vc_column-inner {padding-top: 55px!important;padding-bottom: 0px;}
	
.show-mobile{display:block;}
.hide-mobile{display:none;}
.show-desktop{display:none;}

.full-width-mobile button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {width: 100%;margin-bottom: -12px;}	
.full-width-mobile {width: 100%!important;}	

.two-cols-box .right-margin-fullwidth  {padding-left:20px;}
.two-cols-box .left-margin-fullwidth  {padding-right:20px;}	
	
.display-flex-c .vc_column-inner .wpb_wrapper{display:flex;justify-content: center;align-items: center;gap: 0px;flex-direction: column;}
	
#Content {padding-top: 0px;}	
	
.display-flex-banner .wpb_wrapper {display: flex;gap: 30px;align-items: center;flex-direction: column;}
.content_wrapper .section_wrapper, .container, .four.columns .widget-area{max-width:unset!important;padding-left:15px;padding-right:15px;}

.vc_btn3-container.vc_btn3-inline a {margin-right:0px;}
    
.has_content .the_content_wrapper {margin-bottom: 0px!important;}

.invert-cl-mobile{flex-flow: column-reverse;display: flex!important;}
    
.center-mobile {text-align: center!important;width:100%;}
.center-mobile .vc_btn3{margin-right: auto!important;text-align: center;}

.full-width-mobile button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {width: 100%;margin-bottom: -12px;}	
.full-width-mobile {width: 100%!important;}

.center-mobile h1 ,.center-mobile h2 ,.center-mobile h3 ,.center-mobile h4 ,.center-mobile h5 ,.center-mobile h6,.center-mobile p {text-align: center!important;}
	
#Content h1{font-size:40px;}
#Content h1 strong {font-size: 39px!important;}
#Content h2{font-size:35px;}
#Content h2 strong {font-size: 34px!important;}
#Content h1 {line-height:44px!important;}
#Content h2 {line-height:39px;}
#Content h3{font-size:30px;line-height:33px;}
#Content strong {font-size: 29px!important;}
#Content h4{font-size:28px;}
#Content h5{font-size:26px;line-height:28px;}
#Content h6{font-size:23px;}
#Content p,#Content a,#Content li,#Content strong{font-size:23px;line-height:32px;}

h2 strong {font-size: 27px!important;}
h1 strong {font-size: 30px!important;}	
	
}

/* END - GLOBAL */

/* single data object post */

.single-object-data .top-bar-info-document {display: flex;gap: 20px;align-items: center;justify-content: space-between;margin-top: 20px;}
.single-object-data span.dashicons.dashicons-info {width: 40px;height: 40px;font-size: 41px;}
.single-object-data button#show_info_document {margin-right: 0px;padding-right: 0px;color: #85a640 !important;}

.single-object-data .users-within-document {
    display: flex;
    align-items: center;
    gap: 13px;
}

.single-object-data .mds-user-item.us-li {
    margin-top: 9px;
    position: relative;
    display: inline-block;
    width: 32.5px!important;
}

/* Tooltip styling */
.single-object-data .mds-user-item.us-li .tooltip-custom-menu {
    position: absolute;
    bottom: -36px; /* Position the tooltip below the icon */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333; /* Dark background for the tooltip */
    color: #fff; /* White text for contrast */
    padding: 1px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight:600!important;
    font-weight: normal;
    white-space: nowrap; /* Prevent text wrapping */
    opacity: 0; /* Initially hidden */
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; /* Smooth fade-in */
    z-index: 1; /* Ensure it appears above other elements */
}

/* Tooltip arrow */
.single-object-data .mds-user-item.us-li .tooltip-custom-menu::after {
    content: "";
    position: absolute;
    top: -50%; /* Position the arrow below the tooltip */
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    border-width: 10px;
    border-style: solid;
    border-color: #333 transparent transparent transparent; /* Match tooltip background color */
}

/* Show tooltip on hover */
.single-object-data .mds-user-item.us-li:hover .tooltip-custom-menu {
    opacity: 1;
    visibility: visible;
}

.single-object-data .users-within-document .users {
    display: flex;
    gap: 11px;
}

.single-object-data  .info-doc {display: flex;align-items: center;gap: 0px;}

.single-object-data  button#note-whole-document {
    background: #df793c;
    border-radius: 19px;
    font-size: 18px;
    padding: 5.5px 30px;
    font-weight: 500;
    color: #fff;
}

.single-object-data button#show_info_document {padding-left: 9px;}

.sheet-table-container {
    overflow-x: auto; /* Enables horizontal scrolling for the table */
    display: block; /* Ensures the container scrolls independently */
}

.sheet-table-object {
    border-collapse: collapse; /* Cleaner cell borders */
    table-layout: auto; /* Allows dynamic column sizing */
}

.sheet-table-object th,
.sheet-table-object td {
    padding: 0px 10px; /* Adds padding for cell content */
    text-align: left; /* Aligns text to the left */
    border: 1px solid #ddd; /* Adds a border for clarity */
    min-width: 150px; /* Ensures columns have a minimum width */
    max-width: 250px; /* Prevents columns from growing excessively */
    word-wrap: break-word; /* Wraps long words within cells */
    white-space: normal; /* Allows normal text wrapping */
}

div#info-popup-content {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 18px;
    padding-top: 10px!important;
}

.sheet-table-object th:first-child,
.sheet-table-object td:first-child {
    max-width: 30px; /* Restrict the first column */
    min-width: 30px; /* Ensures a consistent size for the first column */
    text-align: center; /* Optional: Center-align the single letter */
}

/* end - single data object post */

/* edit data object post */

p.read-permissions-message {
    font-size: 16px;
    background: #df793c;
    padding: 5px 10px;
    margin-top: 11px;
    color: #fff;
}

p.read-permissions-message a{
    color: #fff;
    text-decoration:underline;
}

button.mds-open-access-modal {
    background-color: #df793c;
    color: #fff!important;
    font-weight: 600;
}

button.mds-open-access-modal i.dashicons.dashicons-admin-users {
    color: #fff;
}

/* END - edit data object post */

/* BLOCKS */


/* sign up form */

#sign-up-form .center p {text-align: center;}
#sign-up-form .gform-theme--foundation .gform_fields {row-gap: 22px;}


#sign-up-form input[type="date"],#sign-up-form input[type="email"],#sign-up-form input[type="number"],#sign-up-form input[type="password"],#sign-up-form input[type="search"],#sign-up-form input[type="tel"],#sign-up-form input[type="text"],#sign-up-form input[type="url"],#sign-up-form select,#sign-up-form textarea,#sign-up-form .woocommerce .quantity input.qty,#sign-up-form .wp-block-search input[type="search"],#sign-up-form .dark input[type="email"],#sign-up-form .dark input[type="password"],#sign-up-form .dark input[type="tel"],#sign-up-form .dark input[type="text"],#sign-up-form .dark select,#sign-up-form .dark textarea {
    min-width: 50%!important;
    border: solid 1px #00416b;
}

#sign-up-form button.gform_show_password.gform-theme-button.gform-theme-button--simple {
    height: 42px;
    color: #00416b;
    background: transparent!important;
    box-shadow: unset!important;
    margin-left: -58px;
}

#sign-up-form .gform_footer.top_label {
    margin-top: 15px;
}

#sign-up-form input#gform_submit_button_1 {
    min-width:311px;
    margin:auto;
    border-radius:0px;
    background:#ff8200;
    margin-bottom:0px!important
}


#sign-up-form .wpb_text_column.wpb_content_element.forgot-password {
    font-size: 16px;
    margin-top: -20px;
    margin-bottom: 20px;
}

#sign-up-form .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,#sign-up-form .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    min-width: 311px!important;
    font-weight:400!important;
}

/* END - sign up form */

/* tooltip */

/* Tooltip container styling */
.tooltip-container {
    position: relative;
    display: inline-block; /* Ensure the tooltip fits around the icon */
    cursor: pointer; /* Indicate that the icon is interactive */
}

/* Icon styling */
.tooltip-container .icon {
    background-color: #4f7288; /* Blue background for the icon */
    color: #fff; /* White text */
    font-size: 20px; /* Adjust font size */
    font-weight: bold;
    width: 24px; /* Size of the icon */
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%; /* Circular icon */
    display: inline-block;
}

/* Tooltip styling (unchanged from your example) */
.tooltip-custom-body {
    position: absolute;
    bottom: 40px; /* Position the tooltip below the icon */
    left: 50%; /* Center the tooltip */
    transform: translateX(-50%);
    background-color: #333; /* Dark background for the tooltip */
    color: #fff; /* White text for contrast */
    padding: 5px 12px; /* Adjust padding for better readability */
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600 !important;
    white-space: nowrap; /* Prevent text wrapping */
    opacity: 0; /* Initially hidden */
    visibility: hidden; /* Initially hidden */
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; /* Smooth fade-in */
    z-index: 1; /* Ensure it appears above other elements */
}

/* Tooltip arrow */
.tooltip-custom-body::after {
    content: "";
    position: absolute;
    bottom: -25px; /* Position the arrow below the tooltip */
    left: 50%;
    transform: translateX(-50%) rotate(0deg);
    border-width: 16px;
    border-style: solid;
    border-color: #333 transparent transparent transparent; /* Match tooltip background color */
}

/* Show tooltip on hover */
.tooltip-container:hover .tooltip-custom-body {
    opacity: 1;
    visibility: visible;
}

/* END - tooltip */


/* END - BLOCKS */





/* FOOTER */


.footer-copy-center #Footer .footer_copy .copyright {
    font-size: 15px;
    line-height: 25px;
}


/* END - FOOTER */

/* padding two columns full widht inner columns   */

/*  LEFT COLUMN  */

.left-margin-fullwidth .vc_column-inner {
    padding-top: 30px;
}

.left-margin-fullwidth {
    padding-left: 25vw;
    padding-right: 1%;
}

@media only screen and (max-width: 2750px) {
    .left-margin-fullwidth {
        padding-left: 25vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 2650px) {
    .left-margin-fullwidth {
        padding-left: 24.5vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 2600px) {
    .left-margin-fullwidth {
        padding-left: 23vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 2500px) {
    .left-margin-fullwidth {
        padding-left: 22.5vw;
        padding-right: 2%;
    }
}

@media only screen and (max-width: 2450px) {
    .left-margin-fullwidth {
        padding-left: 22.5vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 2400px) {
    .left-margin-fullwidth {
        padding-left: 21.5vw;
        padding-right: 2%;
    }
}

@media only screen and (max-width: 2350px) {
    .left-margin-fullwidth {
        padding-left: 21.5vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 2300px) {
    .left-margin-fullwidth {
        padding-left: 20.5vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 2250px) {
    .left-margin-fullwidth {
        padding-left: 20vw;
        padding-right: 2%;
    }
}

@media only screen and (max-width: 2200px) {
    .left-margin-fullwidth {
        padding-left: 19vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 2150px) {
    .left-margin-fullwidth {
        padding-left: 18.5vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 2100px) {
    .left-margin-fullwidth {
        padding-left: 18vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 2050px) {
    .left-margin-fullwidth {
        padding-left: 17.5vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 2000px) {
    .left-margin-fullwidth {
        padding-left: 16vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1950px) {
    .left-margin-fullwidth {
        padding-left: 15vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 1900px) {
    .left-margin-fullwidth {
        padding-left: 14vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 1850px) {
    .left-margin-fullwidth {
        padding-left: 13vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 1800px) {
    .left-margin-fullwidth {
        padding-left: 12.5vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1750px) {
    .left-margin-fullwidth {
        padding-left: 10.5vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1700px) {
    .left-margin-fullwidth {
        padding-left: 10.5vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1650px) {
    .left-margin-fullwidth {
        padding-left: 9vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1600px) {
    .left-margin-fullwidth {
        padding-left: 8vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1550px) {
    .left-margin-fullwidth {
        padding-left: 5.5vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1500px) {
    .left-margin-fullwidth {
        padding-left: 4.5vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1450px) {
    .left-margin-fullwidth {
        padding-left: 3.4vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1400px) {
    .left-margin-fullwidth {
        padding-left: 1vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1350px) {
    .left-margin-fullwidth {
        padding-left: 1.5vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1300px) {
    .left-margin-fullwidth {
        padding-left: 1vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1250px) {
    .left-margin-fullwidth {
        padding-left: 0.5vw;
        padding-right: 1%;
    }
}

@media only screen and (max-width: 1239px) {
    .left-margin-fullwidth {
        padding-left: 11.5vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 1200px) {
    .left-margin-fullwidth {
        padding-left: 10vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 1150px) {
    .left-margin-fullwidth {
        padding-left: 8vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 1100px) {
    .left-margin-fullwidth {
        padding-left: 6vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 1050px) {
    .left-margin-fullwidth {
        padding-left: 5vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 1000px) {
    .left-margin-fullwidth {
        padding-left: 3vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 959px) {
    .left-margin-fullwidth {
        padding-left: 12vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 900px) {
    .left-margin-fullwidth {
        padding-left: 10vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 850px) {
    .left-margin-fullwidth {
        padding-left: 6vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 800px) {
    .left-margin-fullwidth {
        padding-left: 5vw;
        padding-right: 3%;
    }
}

@media only screen and (max-width: 767px) {
    .left-margin-fullwidth {
        padding-left: 12vw;
        padding-right: 9vh;
    }
}

@media only screen and (max-width: 570px) {
    .left-margin-fullwidth {
        padding-left: 5vw;
        padding-right: 3vh;
    }
}

/*  RIGHT COLUMN  */
.right-margin-fullwidth .vc_column-inner {padding-top: 30px;}
    .right-margin-fullwidth {
        padding-right: 27vw;
        padding-left: 1%;
    }

@media only screen and (max-width: 2750px) {
    .right-margin-fullwidth {
        padding-right: 25vw;
        padding-left: 1%;
    }
}


@media only screen and (max-width: 2650px) {
    .right-margin-fullwidth {
        padding-right: 24.5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 2600px) {
    .right-margin-fullwidth {
        padding-right: 24vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 2500px) {
    .right-margin-fullwidth {
        padding-right: 23vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 2450px) {
    .right-margin-fullwidth {
        padding-right: 22.4vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 2400px) {
    .right-margin-fullwidth {
        padding-right: 22vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 2350px) {
    .right-margin-fullwidth {
        padding-right: 21.5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 2300px) {
    .right-margin-fullwidth {
        padding-right: 21vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 2250px) {
    .right-margin-fullwidth {
        padding-right: 19.5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 2200px) {
    .right-margin-fullwidth {
        padding-right: 19vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 2150px) {
    .right-margin-fullwidth {
        padding-right: 18.5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 2100px) {
    .right-margin-fullwidth {
        padding-right: 18vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 2050px) {
    .right-margin-fullwidth {
        padding-right: 17vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 2000px) {
    .right-margin-fullwidth {
        padding-right: 16.3vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1950px) {
    .right-margin-fullwidth {
        padding-right: 15vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1900px) {
    .right-margin-fullwidth {
        padding-right: 14.5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1850px) {
    .right-margin-fullwidth {
        padding-right: 13.5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1800px) {
    .right-margin-fullwidth {
        padding-right: 13vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1750px) {
    .right-margin-fullwidth {
        padding-right: 10.5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1700px) {
    .right-margin-fullwidth {
        padding-right: 10.5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1650px) {
    .right-margin-fullwidth {
        padding-right: 9vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1600px) {
    .right-margin-fullwidth {
        padding-right: 7.5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1550px) {
    .right-margin-fullwidth {
        padding-right: 6vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1500px) {
    .right-margin-fullwidth {
        padding-right: 4.5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1450px) {
    .right-margin-fullwidth {
        padding-right: 4vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1400px) {
    .right-margin-fullwidth {
        padding-right: 1vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1350px) {
    .right-margin-fullwidth {
        padding-right: 0.5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1300px) {
    .right-margin-fullwidth {
        padding-right: 0vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1250px) {
    .right-margin-fullwidth {
        padding-right: 0vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1239px) {
    .right-margin-fullwidth {
        padding-right: 11.5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1200px) {
    .right-margin-fullwidth {
        padding-right: 10vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1150px) {
    .right-margin-fullwidth {
        padding-right: 8vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1100px) {
    .right-margin-fullwidth {
        padding-right: 6vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1050px) {
    .right-margin-fullwidth {
        padding-right: 5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 1000px) {
    .right-margin-fullwidth {
        padding-right: 3vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 959px) {
    .right-margin-fullwidth {
        padding-right: 12vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 900px) {
    .right-margin-fullwidth {
        padding-right: 10vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 850px) {
    .right-margin-fullwidth {
        padding-right: 6vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 800px) {
    .right-margin-fullwidth {
        padding-right: 5vw;
        padding-left: 1%;
    }
}

@media only screen and (max-width: 767px) {
    
.wpb_raw_code.wpb_raw_html.wpb_content_element .wpb_wrapper {
    margin-left:0px!important;
    margin-right: 0px!important;
    width: 100%;
}

.right-margin-fullwidth {
    padding-left: 0px!important;
    padding-right: 0px!important;
}


.right-margin-fullwidth .vc_column-inner{
    padding-left: 15px!important;
    padding-right: 15px!important;
}


h2 {
    text-align: center;
    font-size: 31px!important;
    margin: auto;
    display: block;
    margin-top: 19px;
}

}

/* END - padding two columns full widht inner columns   */