/*
 * Theme Name: Company
 * Theme URI: http://www.artviper.de
 * Theme Description: Theme für Company
 * Author: artViper Marketingagentur | Stephan Geissler
 * Author URI: http://www.artviper.de
 * Version: 1.3
 * Tags: bootstrap, complete modified
 * License: Not for resell or free
 * License URI:
 * Text Domain: Company
*/

/* Apply bootstrap styles */
/*@import url('bootstrap/css/bootstrap.min.css');*/
:root {
  	--main-font: "OpenSans";
	--second-font:"Montserrat";
	--color: #113076 !important;
	--bg-color: #fef6ec !important;
	--second-font-color:#4faae7 !important;
    --text-color:#00497d !important;
	--font-main-color:#fff !important;
    --orange-color:#f99a24 !important;
	--link--color:"#646464";
}
@font-face {
    font-family: "OpenSans";
    src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Open_Sans/OpenSans.ttf);
}
@font-face {
    font-family: "IBMPlexSans-ThinItalic";
    src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/IBM_Plex_Sans/IBMPlexSans-ThinItalic.ttf);
	font-weight:100;
}

h1,h2,h3,h4,h5,h6{
	font-family:var(--main-font) !important;
    word-wrap: break-word;
}
h3{
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: var(--second-font-color);
}
h2{
    font-size: 44px !important;
    font-weight: 200 !important;
    color: var(--color);
}
h4{
    font-size: 32px !important;
    font-weight: 600 !important;
    color: var(--font-main-color);
}
h5{
    color: var(--color) !important;
    font-size: 24px !important;
    font-weight: 100 !important;
}
strong {
    font-weight: 600 !important;
}
div,p, p a{
	font-family:'OpenSans' !important;	
    color: var(--text-color);
    font-size: 18px;
    text-decoration: none;
}
.font-weight-light{
    font-weight: 200;
}
.ft-88 p{
    font-size: 88px;
    line-height: 1;
}
.ft-44 p{
    font-size: 44px;
}
.ft-28 p{
    font-size: 28px;
}
.wpb_wrapper ul{
    padding-left: 20px !important;
}
.wpb_wrapper ol{
    padding-left: 14px !important;
}
.padd-top-50 .vc_column-inner{
    padding-top: 50px;
}
.divider {
    margin-bottom: 25px;
    padding-top: 25px;
    clear: both;
    display: block;
    margin-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}
body{
    overflow-x: hidden !important;
}
.cookie {
    color: #00497d;
    font-size: 12px;
    line-height: 1.2;
}
/* ================================
   SECTION 1 - BANNER
================================ */

.dr_banner_sec {
    position: relative;
    z-index: 2;
    overflow: visible !important;
}

/* Leaf coming down into section 2 */
.dr_banner_sec .dr_leaf_img {
    position: relative;
    z-index: 10;
    transform: translateY(100px);
}

.dr_banner_sec .dr_leaf_img img {
    display: block;
}


/* ================================
   SECTION 2
================================ */

.dr_sec_row {
    position: relative;
    z-index: 2;
    overflow: visible !important;
}

/* Second section's people/image */
/* .dr_sec_row .dr_img {
    position: relative;
    z-index: 5;
    transform: translateY(-380px);
} */

/* Keep the content below the image */
.dr_sec_row .dr-d-flex {
    position: relative;
    z-index: 6;
}

/*----------- Home page banner ----------*/

.dr_img{
    width: 100%;
}
.dr_img img{
    margin-top: -450px;
}
.dr_leaf_img{
    width: 50%;
}
.dr_schuh_img img{
    max-width: 100% !important;
}
.dr_samll_font p{
    font-size: 16px !important;
}
.dr_blue_center{
    height: 183.33px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.stobwell_logo img{
    width: 25%;
}
.vc_btn3{
    color: var(--font-main-color) !important;
    font-size: 14px !important;
    background-color: var(--second-font-color) !important;
    padding: 14px 40px !important;
}
.vc_btn3:hover{
    background-color: var(--orange-color) !important;
}
.tz-max-w300 .vc_btn3{
	min-width:330px;
}
/* .dr_btn_width .vc_btn3{
    width: 124%;
} */
.dr_side_img .vc_col-sm-8{
    width: 53%;
}
.dr_side_img .vc_col-sm-4{
    width: 47%;
}
.dr_knotak .vc_col-sm-10{
    width: 90%
}
.dr_knotak .vc_col-sm-10 .vc_column-inner{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.dr_knotak .vc_col-sm-2{
    width: 10%;
}
.dr_knotak .vc_col-sm-2 img{
    padding-top: 8px !important;
}

.dr_kontakt_sec{
    background-repeat: no-repeat;
    background-position: -5% 100%;
    background-size: 200px;
}
.dr_btn_width{
    padding-top: 10px !important;
}
.dr_per_detail .vc_col-sm-4{
    width: 45% !important;
}
.dr_per_detail .vc_col-sm-8{
    width: 55% !important;
    padding-left: 2%;
    padding-right: 12%;
}
.dr_kontakt_sec{
    margin-bottom: -50px;
}
.sprechzeiten h3 {
    color: #14548c;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 18px;
}
.sprechzeiten table {
    border-collapse: collapse;
}
.sprechzeiten td {
    color: #14548c;
    padding: 2px 0;
    vertical-align: top;
    font-size: 16px;
    line-height: 1.6;
}
.sprechzeiten td:first-child {
    padding-right: 25px;
    white-space: nowrap;
    font-weight: 500;
}
.dr_per_detail .vc_col-sm-4 img{
    width: 120%;
    max-width: 120%;
}
.erfo_bg_img {
    background-position: bottom right;
    background-repeat: no-repeat;
    margin-bottom: -190px;
    z-index: 9;
}
/*--------- Equal Height img ---------*/

.dr_equal_img img {
    width: 100% !important;
    height: 365px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}
.dr_equal_img .vc_column_container {
    padding-left: 5px;
    padding-right: 5px;
}

/*------------ Footer -------------*/
footer{
    background: #f5f5f5;
    padding-top: 50px;
    padding-bottom: 20px;
}
.footer_column_4 p{
    line-height: 1em;
}
.footer_column_4 #text-8 p{
    padding-top: 6px !important;
}
.copy_right_footer{
    padding-left: 0px !important;
}
.footer_column_2, .footer_column_3{
    flex: 0 0 30% !important;
    max-width: 30% !important;
}
.footer_column_1{
    flex: 0 0 35% !important;
    max-width: 35% !important;
}
.footer_column_4{
    display: flex;
    gap: 20px;
    padding-left: 0px !important;
}

/*------------------ Header ----------------------*/
/* Top Header */

#top-header {
    width: 100%;
}
#top-header ul,
ol {
    margin-bottom: 3px;
    margin-left: 0px;
    padding-left: 0px;
}
#top-header a {
    color: #ffffff;
}

/* Search Head */

#search-head {
    margin-top: 15px;
    padding-right: 15px;
}

/* Brand */
.brand {
    margin-top: 15px;
    margin-bottom: 15px;
	left:70px;
}
#site-title {
    font-size: 35px;
}

#menu-menu .menu-item{
    margin-left: 0px !important
}
#menu-menu .menu-item a{
    color: var(--second-font-color) !important;
    font-size: 17px;
    font-weight: 500;
    font-family: Opensans;
}
.main_header {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.main_header .container {
    max-width: 1000px;
}

.header_inner {
    min-height: 108px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* LEFT SIDE */

.header_brand {
    display: flex;
    align-items: end;
    width: 37%;
}
#menu-item-28 a{
    padding-right: 0px !important;
}
.header_logo img {
    display: block;
    max-width: 160px;
    max-height: 85px;
    width: auto;
    height: auto;
}

.header_description {
    margin-left: 44px;
    color: #1e3876;
    font-size: 16px;
    line-height: 1.25;
    font-family: OpenSans !important;
}


/* RIGHT SIDE */

.header_right {
    min-height: 108px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 16px 0 17px;
    width: 63%;
}


/* PHONE + EMAIL */

.header_contact {
    display: flex;
    align-items: center;
}

.header_contact_item {
    display: flex;
    align-items: center;
    margin-left: 24px;
    color: var(--text-color);
    font-size: 16px;
    text-decoration: none;
    white-space: nowrap;
}

.header_contact_item:hover {
    color: var(--text-color);
    text-decoration: none;
}

.header_phone_icon,
.header_email_icon {
    margin-right: 7px;
    font-size: 18px;
}


/* MENU */

.header_navigation {
    display: flex;
    justify-content: flex-end;
}

.header_navigation .navbar {
    padding: 0;
    margin: 0;
    min-height: 0;
}

.header_navigation .navbar-collapse {
    padding: 0;
}

.header_navigation .navbar-nav {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.header_navigation .navbar-nav > li {
    margin-left: 30px;
}

.header_navigation .navbar-nav > li:first-child {
    margin-left: 0;
}

.header_navigation .navbar-nav > li > a {
    padding: 0;
    color: #3b9ee8;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}

.header_navigation .navbar-nav > li > a:hover {
    color: var(--text-color);
}


/*Header Menu */

.header-menu {
    list-style: none outside none;
    display: inline-block;
}
.header-menu li {
    display: inline;
    padding-right: 10px;
    padding-left: 5px;
    border-right: 1px solid white;
}
.header-menu li:last-child {
    border-right: none;
}
/*Dropdown Css*/
.dropdown:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu{
	background-color:transparent !important;
	border: none !important;
}
.mobile-menu-close {
    display: none !important;
}

.mobile-menu-overlay {
    display: none;
}
.dr_sec_1{
    padding-left: 193px !important;
} 
.dr_sec_2{
    padding-top: 20px !important;
}
.dr_sec_width .vc_col-sm-8{
    width: 60%;
}
.dr_sec_width .vc_col-sm-4{
    width: 40%;
}
.tz-desktop-hide{
   	display:none;
}
/* =========================================
   MOBILE HEADER + RIGHT SLIDE MENU
   ========================================= */

@media (max-width: 992px) {

    /* HEADER */

    .header_inner {
        flex-direction: row;
        padding: 15px 0;
    }

    .header_brand {
        width: 100%;
        justify-content: center;
        margin-bottom: 15px;
    }

    .header_description {
        margin-left: 20px;
        font-size: 13px;
    }

    .header_right {
        width: 100%;
        min-height: auto;
        align-items: center;
        padding: 0;
    }

    .header_contact {
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .header_contact_item {
        margin: 4px 8px;
        font-size: 13px;
    }


    /* =========================================
       NAVIGATION
       ========================================= */

    .header_navigation {
        width: 100%;
        display: block;
        position: relative;
    }

    .header_navigation .navbar {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        min-height: 0 !important;
        border: none !important;
    }


    /* =========================================
       HAMBURGER BUTTON
       ========================================= */

    .header_navigation .navbar-header {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        float: none !important;
    }

    .header_navigation .navbar-toggler {
        display: block !important;
        position: relative;
        z-index: 10002;

        border: none !important;
        background: transparent !important;

        padding: 8px !important;
        margin: 0 !important;
    }

    .header_navigation .navbar-toggler:focus {
        outline: none !important;
        box-shadow: none !important;
    }


    /* =========================================
       RIGHT SIDE SLIDE PANEL
       ========================================= */

    .header_navigation #navbarSupportedContent {

        display: block !important;

        position: fixed !important;

        top: 0 !important;
        right: 0 !important;

        width: 300px !important;
        max-width: 85% !important;

        height: 100vh !important;
        min-height: 100vh !important;

        background: #ffffff !important;

        padding: 30px 25px 30px !important;
        margin: 0 !important;

        border: none !important;

        z-index: 99999 !important;

        overflow-y: auto !important;

        /* MENU STARTS OUTSIDE SCREEN */
        transform: translateX(110%) !important;

        transition: transform 0.4s ease !important;

        box-shadow: -5px 0 20px rgba(0,0,0,0.20) !important;
    }


    /* =========================================
       BOOTSTRAP 3 OPEN CLASS
       ========================================= */

    .header_navigation #navbarSupportedContent.in {
        transform: translateX(0) !important;
    }


    /* =========================================
       BOOTSTRAP 4 OPEN CLASS
       ========================================= */

    .header_navigation #navbarSupportedContent.show {
        transform: translateX(0) !important;
    }


    /* DURING BOOTSTRAP ANIMATION */

    .header_navigation #navbarSupportedContent.collapsing {
        height: 100vh !important;

        transform: translateX(0) !important;

        transition: transform 0.4s ease !important;
    }


    /* =========================================
       MENU LIST
       ========================================= */

    .header_navigation #navbarSupportedContent .navbar-nav {
        display: block !important;

        float: none !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
    }

    .header_navigation #navbarSupportedContent .navbar-nav > li {
        display: block !important;

        float: none !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border-bottom: 1px solid #e5e5e5 !important;
    }

    .header_navigation #navbarSupportedContent .navbar-nav > li > a {
        display: block !important;

        width: 100% !important;

        padding: 15px 5px !important;

        color: #3b9ee8 !important;

        font-size: 16px !important;

        text-align: left !important;

        text-decoration: none !important;
    }

    .header_navigation #navbarSupportedContent .navbar-nav > li > a:hover {
        color: #1e3876 !important;
    }


    /* =========================================
       DROPDOWN
       ========================================= */

    .header_navigation #navbarSupportedContent .dropdown-menu {
        position: static !important;

        display: none;

        float: none !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 0 0 15px !important;

        background: transparent !important;

        border: none !important;

        box-shadow: none !important;
    }

    .header_navigation #navbarSupportedContent .dropdown.open > .dropdown-menu {
        display: block !important;
    }
    .mobile-menu-close {
        display: block !important;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 36px;
        height: 36px;
        line-height: 32px;
        text-align: center;
        font-size: 28px;
        color: #1e3876;
        background: transparent;
        border: none;
        z-index: 100000;
        cursor: pointer;
    }

    .mobile-menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,0.4);
        z-index: 99998; /* one below the panel's 99999 */
    }

    .mobile-menu-overlay.show {
        display: block;
    }
}
@media (max-width: 768px){
    .header_inner{
        flex-direction:column;
    }
    .header_brand{
        justify-content: space-between;
    }
    .header_contact {
        justify-content: left;
        width: 100%;
        flex-wrap: wrap;
    }
    .header_right{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
    }
	
}

/*./Dropdown Css*/
/* MEDIA QUERIES */

@media (min-width: 768px) {
    #search-head {
        margin-top: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }
    .header-menu-wrapper {
        float: right;
    }
    .footer-menu-wrapper {
        float: right;
    }
    .footer-menu-wrapper ul,
    ol {
        margin-left: 10px;
    }
}
@media (min-width: 992px) {
    #search-head {
        margin-top: 15px;
        padding-right: 15px;
        float: right !important;
    }
    .header-menu li:first-child {
        padding-left: 20px;
    }
}
@media (min-width: 1200px) {
}
#site-title {
    font-size: 35px;
}
.container {
    max-width: 1345px !important;
}
@media(max-width: 1300px){
    .dr_per_detail .vc_col-sm-8{
        width: 48% !important;
        padding-left: 4%;
        padding-right: 1%;
    }
    .dr_per_detail .vc_col-sm-4{
        width: 50% !important;
    }
}
@media(max-width: 1280px){
    .dr_sec_1{
        padding-left: 30px !important;
    }
    .dr_schuh_img img{
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .dr_img_text{
        margin-left: 0px !important;
    }
    /* Horizontal scrolling row */
    .d-none-mob{
        display: none;
    }
    .dr_blue_center{
        height: 216px !important;
    }
    .dr_img_text {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;

        width: 100% !important;
        max-width: 100% !important;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    /* Keep every column at its original size */
    .dr_img_text > .wpb_column {
        flex: 0 0 216px !important;
        width: 216px !important;
        max-width: 216px !important;
        min-width: 216px !important;
    }

    /* Keep the image at proper size */
    .dr_img_text img {
        width: 216px !important;
        max-width: 216px !important;
        height: 216px !important;
        object-fit: cover;
        padding: 5px !important;
    }

    /* Prevent text from becoming squeezed */
    .dr_img_text h5 {
        width: 216px !important;
        max-width: 216px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        line-height: 1.3 !important;
    }

    /* First "Therapie" column */
    .dr_img_text > .wpb_column:first-child {
        flex: 0 0 216px !important;
        width: 216px !important;
        min-width: 216px !important;
        max-width: 216px !important;
    }

    /*============ for equal img height ============*/
    .dr_equal_img img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 381 / 254 !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
    }
}
@media (max-width: 992px) {
    h2{
        font-size: 30px !important;
    }
    h4{
        font-size: 25px !important;
    }
    h5{
        font-size: 22px !important;
    }
    .dr_img img{
        margin-top: -320px;
    } 
    .dr_sec_1 {
        padding-left: 10px !important;
    }
    .dr_sec_2{
        padding-top: 30px !important;
    }
    .erfo_bg_img{
        background-size: 35% !important;
        margin-bottom: -100px !important;
    }
    .dr_per_detail .vc_col-sm-4 img{
        width: 95% !important;
        max-width: 95% !important;
    }
    .dr_side_img .vc_col-sm-8{
        width: 100%;
    }
    .dr_side_img .vc_col-sm-4{
        width: 100%;
    }
    .dr_sec_width .vc_col-sm-8{
        width: 100%;
    }
    .dr_sec_width .vc_col-sm-4{
        width: 100%;
    }
}
@media (max-width: 860px) {
    .dr_img img {
        margin-top: -240px;
    }
}
@media (max-width: 768px) {
    .dr_img {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }
    .dr_img img {
        margin-top: 0px;
    }
    .dr-d-flex{
        display: flex;
    }
    .dr-top-padd .vc_column-inner{
        padding-top: 0px !important;
    }
    .stobwell_logo{
        text-align: center !important;
        padding-bottom: 10px !important;
    }
    .dr_btn_center .vc_col-sm-6{
        text-align: center !important;
    }
    .dr_kontakt_sec{
        background-position: -8% 126%;
    }
    .dr_knotak{
        display: flex;
    }
    .dr_btn_width{
        padding: 0px;
    }
    .dr_btn_width .vc_btn3{
        width: 100% !important;
    }
    .dr_btn_width{
        padding-top: 0px !important;
    }
    .dr_knotak .vc_col-sm-2 {
        width: 14%;
    }
    .dr_knotak .vc_col-sm-10{
        width: 86%;
    }
    .padd-top-50 .vc_column-inner{
        padding-top: 0px !important;
    }
    .dr_per_detail .vc_col-sm-4{
        width: 100% !important;
    }
    .dr_per_detail .vc_col-sm-8{
        width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
    }
    .dr_per_detail .vc_col-sm-8 ol{
        margin-left: 20px;
    }
    .footer_column_1, .footer_column_2, .footer_column_3{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .footer_column_4{
        flex-wrap: wrap;
        gap: 0px;
    }
	footer{
		padding-top:20px;
	}
	.dr_banner_sec .dr_leaf_img{
		width:100%;
		text-align:right;
	}
	.dr_banner_sec .dr_leaf_img img{
		height:220px;
		object-fit:contain;
		width:auto;
		margin-left:auto;
	}
	.dr_banner_sec .dr_leaf_img .wpb_wrapper.vc_figure,
	.dr_banner_sec .dr_leaf_img .vc_single_image-wrapper{
		width:100%;
	}
	.dr_img_text:after,
	.dr_img_text:before{
		display:none !important;		
	}
	.dr_img_text{
		display:grid !important;
		grid-template-columns:repeat(2,1fr);
		gap:10px;
		overflow-x: hidden !important;
        overflow-y: hidden !important;
		-webkit-overflow-scrolling: none !important;
        scrollbar-width: none !important;
	}
	.dr_img_text > .wpb_column:first-child,
	.dr_img_text > .wpb_column{
		flex: 0 0 50% !important;
		width: auto !important;
		min-width: auto !important;
		max-width: auto !important;
	}
	.dr_img_text h5,
	.dr_img_text img{
		width: auto !important;
        max-width: 100% !important;
		height:auto !important;
	}
	.dr_img_text img{
		aspect-ratio:1/1;
	}
	.dr_img_text h5{
		font-size:18px !important;
	}
	.dr_blue_center {
		aspect-ratio: 1/1;
		height: auto !important;
	}
	.dr_img_text .vc_column_container > .vc_column-inner{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.tz-mb-hide{
		display:none !important;	
	}
	.tz-bg-img-none.erfo_bg_img{
		background-image:none !important;
		padding-bottom:100px !important;
	}
	.dr_per_detail .vc_col-sm-4 img{
		width:100% !important;
		max-width:100% !important;
	}
	.tz-desktop-hide{
		display:block;
	}
	.dr_equal_img img{
		aspect-ratio:1/1 !important;
	}
	.tz-max-w300 .vc_btn3{
		min-width:100%;
		max-width:100%;
	}
}
@media (max-width: 745px) {
    .dr_btn_width{
        padding-top: 10px !important;
    }
}

/*================ Popup ===================*/

.custom-text-popup {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999999;
}

.custom-text-popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
}

.custom-text-popup-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 700px;
    max-height: 80vh;
    overflow-y: auto;
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
}

.custom-text-popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    border: 0;
    background: transparent;
    font-size: 30px;
    cursor: pointer;
}