/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

.cu-form-head cu3-icon{display:none !important;}

/*Add your own styles here:*/
.cs-hero{padding: 40px 100px;}
.cs-hero-left h1{font-size:55px;}
.cs-inner-hero h1{padding 0px 70px;}
.cs-hero-left h1{font-size:55px;}
.cs-inner-body-cont{padding 0px 70px;}

.cs-blu-fnt{color:#081f44;}
.cs-grn-fnt{color:#01909b;}
.cs-hero-col-1, .cs-hero-col-2, .cs-hero-col-3, .cs-hero-col-4, .cs-hero-col-5{border-top: solid 1px #316bb31c !important; border-bottom:solid 1px #316bb31c !important; padding:50px 30px !important; background-color:#ffffffd1;}



.btn-grad{}
.btn-row .avia-button.av-msauh4tv-7aab81b689a20907a60c88d445177336 {background: linear-gradient(to right, #074a9c, #01909b); color:#fff; border-radius:5px; font-size:18px;}
.btn-row .avia-button.av-msauhfk6-a27e475bdeeea9f0395c8e7a592235b4 {background-color:#fff; border:solid 2px #01909b !important; color:#01909b !important; border-radius:5px; font-size:18px;}
.btn-row{}

.btn-row a:first-of-type {background: linear-gradient(to right, #074a9c, #01909b); color:#fff; border-radius:5px; font-size:18px;}
.btn-row a:nth-of-type(2) {background-color:#fff; border:solid 2px #01909b !important; color:#01909b !important; border-radius:5px; font-size:18px;}
.btn-row a:nth-of-type(2):hover {background-color:#fff; border:solid 2px #01909b !important; color:#01909b !important; border-radius:5px; font-size:18px;}

.cs-inner-body-cont .flex_column:first-of-type h2:first-of-type{color:#081f44 !important;}
.cs-inner-body-cont .flex_column:first-of-type h2:nth-of-type(2){color:#081f44 !important;}
.cs-inner-body-cont .flex_column:nth-of-type(2) h2:first-of-type {color:#01909b !important;}
.cs-inner-body-cont .flex_column:nth-of-type(2) h2:nth-of-type(2){color:#01909b !important;}
.cs-inner-body-cont h3{color:#074b9c;}

.cs-inner-faq{}


.cs-inner-cta{background-color:#f9fafb; border-radius:20px; padding:30px; border: solid 1px #ececec !important; box-shadow: 0px 0px 10px #0000001f;}



.cs-full-button-blu a{background-color:#074a9c !important; border-radius:5px !important;}
.cs-full-button-grn a{background-color:#01909b !important; border-radius:5px !important;}
.cs-full-button-grn{ }


.cs-ctc-map-cont .entry-content-wrapper{display: flex !important; justify-content: center !important; gap: 90px;}
.cs-ctc-left-col{}
.cs-ctc-right-col {margin-left: 0px !important;}
.cs-ctc-left-col, .cs-ctc-right-col{width:35% !important;}




.cs-hero-col-2::before, .cs-hero-col-3::before, .cs-hero-col-4::before, .cs-hero-col-5::before {content: ""; position: absolute; left: 0; border-left: 1px solid #316bb31c !important; height: 80%; top: 50%; transform: translateY(-50%); visibility: visible;}
.cs-hero-col-2, .cs-hero-col-3, .cs-hero-col-4, .cs-hero-col-5{position: relative;}

.cs-hero-col-1{ border-radius:20px 0px 0px 20px; border-left:solid 1px #316bb31c !important;}
.cs-hero-col-2{}
.cs-hero-col-3{}
.cs-hero-col-4{} 
.cs-hero-col-5{border-radius:0px 20px 20px 0px; border-right:solid 1px #316bb31c !important; position: relative;}



.cs-hm-card-1{background-color:#f9fafb; border-radius:20px; padding:30px; border: solid 1px #ececec !important; box-shadow: 0px 0px 10px #0000001f;}
.cs-hm-col-7 {}
.cs-hm-col-7-1{}
.cs-hm-col-7-2{}
.cs-hm-col-7-3{}
.cs-hm-col-7-4{}
.cs-hm-col-7-5{}
.cs-hm-col-7-6{}
.cs-hm-col-7-7{}

/* 1. Target the inner wrapper inside the main container and make IT the flex row */
.cs-7-col-cont .flex_cell_inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}

/* 2. Treat the two split table wrappers as inline containers */
.cs-7-col-cont .flex_column_table {
  display: flex !important;
  flex-direction: row !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* First table wrapper holds 5 items (5/7th width) */
.cs-7-col-cont .flex_column_table:first-of-type {
  flex: 5 !important;
}

/* Second table wrapper holds 2 items (2/7th width) */
.cs-7-col-cont .flex_column_table:last-of-type {
  flex: 2 !important;
}

/* 3. Make all 7 columns take up equal space inside their respective wrappers */
.cs-7-col-cont .cs-hm-col-7 {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: 100% !important;
  float: none !important;
  margin-top: 0 !important; /* Clear Enfold's top-margin on wrapped items */
}

/*Moblie icons*/
.cs-icon-box .iconbox_icon.avia-svg-icon svg:first-child{height: 2em !important; width: 1.5em !important;}
.cs-icon-box .iconbox_icon {height: 50px !important; width: 50px !important; margin: 2px 10px 0 0 !important;}
.cs-icon-box h3 {font-size: 30px !important;}
.cs-icon-ro-1 .av-icon-char[data-av_svg_icon="1818"] svg path,
.cs-icon-ro-1 .av-icon-char[data-av_svg_icon="1818"] svg polygon,
.cs-icon-ro-1 .av-icon-char[data-av_svg_icon="1874"] svg path,
.cs-icon-ro-1 .av-icon-char[data-av_svg_icon="1874"] svg polygon,
.cs-icon-ro-1 .av-icon-char[data-av_svg_icon="1876"] svg path,
.cs-icon-ro-1 .av-icon-char[data-av_svg_icon="1876"] svg polygon,
.cs-icon-ro-1 .av-icon-char[data-av_svg_icon="1875"] svg path,
.cs-icon-ro-1 .av-icon-char[data-av_svg_icon="1875"] svg polygon,
.cs-icon-ro-1 .av-icon-char[data-av_svg_icon="1877"] svg path,
.cs-icon-ro-1 .av-icon-char[data-av_svg_icon="1877"] svg polygon
 {fill: #0073aa !important;}



.cs-icon-ro-1 .av-icon-char{color:#0073aa; }
.cs-icon-ro-1, .cs-icon-ro-7 , .cs-icon-ro-4{margin-bottom:15px !important;}


/*Green Icons*/
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1814"] svg path,
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1814"] svg polygon,
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1817"] svg path,
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1817"] svg polygon,
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1819"] svg path,
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1819"] svg polygon,
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1825"] svg path,
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1825"] svg polygon,
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1820"] svg path,
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1820"] svg polygon,
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1822"] svg path,
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1822"] svg polygon,
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1816"] svg path,
.cs-hm-col-7 .av-icon-char[data-av_svg_icon="1816"] svg polygon
{fill: #01909b !important;}

.cs-nl-cont input[type="submit"] {background: #01909b; height: 41px; border-radius: 5px; font-size: 18px; }
.cs-check-list ul {
    list-style-type: none !important;
    padding-left: 0 !important;
}

.cs-check-list ul li {
    position: relative;
    padding-left: 25px; 
    margin-bottom: 8px; /* Optional: adds a little breathing room between items */
}

.cs-check-list ul li::before {
    content: "\2714"; /* This is the unicode for a check mark */
    color: #01909b; /* I used the brand green from your previous code, change if needed */
    position: absolute;
    left: 0;
    font-weight: bold;
}
.cs-check-list-blu ul li::before{color: #074c9c;}
.cs-check-list-grn ul li::before{color: #01909b;}





.cs-hm-col-7 svg:first-child{ height: 2em !important; width: 2em !important; }

.cs-icon-ro-4 svg:first-child{ height: 2em !important; width: 2em !important; }
.av_font_icon.av-39lobk-a26d4519ddf42f37ce45eb4ddc495052 .av-icon-char {font-size: 73px !important;  line-height: 89px !important;}

.av_font_icon.av-kwk5nk-b0ee784103f92f3c94517568303feedb .av-icon-char {font-size: 68px !important; line-height: 88px !important;}
.av_font_icon.av-kwk5nk-f5d5b8bf06780ffbe75587fcac7ee5a9 .av-icon-char {font-size: 73px !important;  line-height: 89px !important;}


.cs-hm-col-4 .av-icon-char[data-av_svg_icon="1824"] svg path,
.cs-hm-col-4 .av-icon-char[data-av_svg_icon="1824"] svg polygon,
.cs-hm-col-4 .av-icon-char[data-av_svg_icon="1823"] svg path,
.cs-hm-col-4 .av-icon-char[data-av_svg_icon="1823"] svg polygon,
.cs-hm-col-4 .av-icon-char[data-av_svg_icon="1766"] svg path,
.cs-hm-col-4 .av-icon-char[data-av_svg_icon="1766"] svg polygon
{fill: #0073aa !important;}
.cs-hm-col-4 .av-icon-char{color:#0073aa !important;}

.cs-hm-col-l-brd::before {content: ""; position: absolute; left: 0; border-left: 1px solid #316bb31c !important; height: 80%; top: 50%; transform: translateY(-50%); visibility: visible;}
.cs-hm-col-4{padding:50px;}

.cs-hm-body h2, .cs-hm-body h3{text-transform:none !important;}

.cs-hm-col-pad{padding:30px 100px;}
.cs-hm-col-pad-wide{padding:30px 350px;}


.cs-btm-left-col{background-color:#f9fafb; border-radius:20px; padding:30px; border: solid 1px #ececec !important; box-shadow: 0px 0px 10px #0000001f;}
.cs-btm-right-col{background-color:#f9fafb; border-radius:20px; padding:30px; border: solid 1px #ececec !important; box-shadow: 0px 0px 10px #0000001f;}
.cs-btm-grid{padding: 60px 100px !important;}

.cs-foot-cont{background:#081f44;} 
.cs-foot-col, .cs-foot-col h3, .cs-foot-col p, .cs-foot-col a{color:#fff !important;} 
.cs-foot-col a:hover{color:#4fa7a7 !important;}
.cs-foot-col .iconbox_icon{color:#fff !important; margin-top:7px !important;}
.cs-foot-col .iconbox_content_container p{margin-top:0px !important;}
.cs-foot-col .iconbox{margin-top:-15px !important;}

.cs-foot-col-1{}
.cs-foot-col-2{}
.cs-foot-col-3{}
.cs-foot-col-4{}

@media only screen and (max-width: 821px) {
	.cs-hm-col-pad { padding: 30px 0px !important; }
	.cs-hm-col-pad-wide { padding: 30px 0px !important; }
	.cs-hm-col-4 { padding: 20px 15px !important; }
	.cs-hero-col-1 { border-radius: 0px; border-left: none; border-top: none !important; border-left: none !important;}
	.cs-hero-col-2::before, .cs-hero-col-3::before, .cs-hero-col-4::before, .cs-hero-col-5::before {border-left: none !important;}
	.cs-hero-col-5 { border-radius: 0px; border-right: none !important; border-bottom: none !important;}
		
	
	.cs-hm-col-pad { padding: 30px 0px !important; }
    .cs-hm-col-pad-wide { padding: 30px 0px !important; }
    .cs-hm-col-4 { padding: 20px 15px !important; }
    .cs-hero-col-1 { border-radius: 0px; border-left: none; border-top: none !important; border-left: none !important;}
    .cs-hero-col-2::before, .cs-hero-col-3::before, .cs-hero-col-4::before, .cs-hero-col-5::before {border-left: none !important;}
    .cs-hero-col-5 { border-radius: 0px; border-right: none !important; border-bottom: none !important;}
	.cs-hero-col-1, .cs-hero-col-2, .cs-hero-col-3, .cs-hero-col-4, .cs-hero-col-5 {padding-right:10px !important; padding-left:10px !important;}
	
	.cs-ctc-map-cont .entry-content-wrapper {flex-direction: column; }
	.cs-ctc-left-col, .cs-ctc-right-col{width:100% !important;}

    /* --- New Layout CSS --- */
    
    /* 1. Convert the Enfold table wrapper to a wrapping flex container */
    .flex_column_table.av-equal-height-column-flextable {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important; 
    }

    /* 2. Change the table cells to 50% width blocks */
    .flex_column_table .flex_column_table_cell.av_one_fifth {
        display: block !important;
        width: 50% !important;
        margin: 0 !important; 
    }
	
	/* 1. Allow the main outer container to wrap its children and center the odd one out */
    .cs-7-col-cont .flex_cell_inner {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    /* 2. Neutralize the two intermediate wrappers so all 7 columns flow together seamlessly */
    .cs-7-col-cont .flex_column_table {
        display: contents !important; 
    }

    /* 3. Force all 7 individual columns to take up exactly 50% of the row */
    .cs-7-col-cont .cs-hm-col-7 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        margin: 0 !important; /* Ensure Enfold margins don't break the 50% math */
    }
	
	
	}