@charset "UTF-8";
/*
Theme Name: White Oak Lake
Author: Webdesign 309
Author URI: http://www.webdesign309.com/
Description: We are a full service webdesign and development company delivering high end design and development solution for our clients and delivering best solutions to attract more visibility and customization to your website.
Version: 3.0.0
Tags: peoria web development, chicago web development, custom wordpress development, advertising agency solutions, florida webdesign, chicago webdesign, illinois webdesign, custom webdesign development
*/



@font-face { font-family: 'Blacksword'; src: url('fonts/Blacksword.eot'); src: url('fonts/Blacksword.eot?#iefix') format('embedded-opentype'), url('fonts/Blacksword.woff2') format('woff2'), url('fonts/Blacksword.woff') format('woff'), url('fonts/Blacksword.ttf') format('truetype'), url('fonts/Blacksword.svg#Blacksword') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Century-Gothic-Pro-reg'; src: url('fonts/CenturyGothicPro.eot'); src: url('fonts/CenturyGothicPro.eot?#iefix') format('embedded-opentype'), url('fonts/CenturyGothicPro.woff2') format('woff2'), url('fonts/CenturyGothicPro.woff') format('woff'), url('fonts/CenturyGothicPro.ttf') format('truetype'), url('fonts/CenturyGothicPro.svg#CenturyGothicPro') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Century-Gothic-Pro-bold'; src: url('fonts/CenturyGothicPro-Bold.eot'); src: url('fonts/CenturyGothicPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/CenturyGothicPro-Bold.woff2') format('woff2'), url('fonts/CenturyGothicPro-Bold.woff') format('woff'), url('fonts/CenturyGothicPro-Bold.ttf') format('truetype'), url('fonts/CenturyGothicPro-Bold.svg#CenturyGothicPro-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir-Medium'; src: url('fonts/AvenirLTStd-Medium.eot'); src: url('fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTStd-Medium.woff2') format('woff2'), url('fonts/AvenirLTStd-Medium.woff') format('woff'), url('fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }

:root{
--heading_font:'Century-Gothic-Pro-bold';
--body_font:'Century-Gothic-Pro-reg';
--medium-font:'Avenir-Medium';
 --Blacksword-font: 'Blacksword';

--btn_color: #0495D4;
--btn_color2: #9D4D57;
--white_color:#FFFFFF;
--black_color: #000000;
--body_color: #333333;
--gf-form-gap-y: 20px !important;



}

------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0; list-style-type: none;}
ul, ol {margin:0 0 0 0px;}
html, body{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body { padding: 0; margin: 0; font-family: var(--body_font); font-size: 20px; color: var(--body_color); line-height: 27px; box-sizing: border-box; overflow-x: hidden; background-color: #f2f2f2; }
*, *:after, *:before {box-sizing: border-box;}


/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal;color:var(--black-color ); line-height:1.2; font-family:var(--heading_font); text-transform: uppercase;}

/* Specific Header Settings */
h1,.h1 {font-size:70px;}
h2,.h2 {font-size:40px;}
h3,.h3 {font-size:30px;}
h4,.h4 {font-size:25px;}
h5,.h5 {font-size: 22px;}
h6,.h6 {font-size: 20px;}

/* Create the Default Paragraphs */
p {margin-bottom: 25px;  font-size: 20px; line-height: 26px;}

/* container */
/* .container{ max-width: 1500px; width: 100%; padding: 0 50px; margin: 0 auto;} */
.container{ max-width: 1740px; width: 100%; padding: 0 50px; margin: 0 auto;}
/* container */

/* Other Typo */
strong {font-weight: bold; color: var(--black-color);}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {text-decoration:none;transition: 0.5s; display: inline-block; color:var(--body_color); }


/* 5. Forms
------------------------------------------------------------------------------*/

.button.button-border, a.button.button-border, button.button-border, html input[type="button"].button-border, input[type="reset"].button-border, input[type="submit"].button-border { background-color: transparent; color: var(--white-color); border: 1px solid var(--white-color); }

/* .button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,button.btn-success:hover  { color:var(--white-color); background-color: var(--btn_color); } */
/* a.button:hover , button.btn-success:hover { color:var(--white-color);  } */
input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea {
    padding: 7px 11px;
    font-family: var(--medium-font);
    font-size: 16px;
    background: white;
    letter-spacing: 0;
    width: 100%;
    color: var(--body_color);
    text-transform: none;
    filter: alpha(opacity=100);
    border: 1px solid #00000099;
    border-radius: 8px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    line-height: 26px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    outline: none !important;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
}

.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { text-transform: capitalize; font-family: var(--medium-font); font-weight: normal; margin: 0 0 0 0; padding: 2px 36px; border-radius: 25px; background-color: var(--btn_color); border: 5px solid transparent; display: inline-block; vertical-align: middle; letter-spacing: normal; font-size: 20px; color: var(--white_color); line-height: 26px; position: relative; outline: 3px solid white; box-shadow: none; text-align: center; text-decoration: none; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; overflow: hidden; z-index: 1; cursor: pointer; }


input[type="submit"].gform-button, input[type="reset"], .btn-success {
    font-family: var(--medium-font) !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    background-color: #E3B752 !important;
    color: var(--black_color) !important;
    outline: 1px solid black !important;
    padding: 2px 36px;
    border-radius: 25px !important;
    border: 5px solid transparent;
    display: inline-block !important;
    vertical-align: middle !important;
    letter-spacing: normal !important;
    line-height: 26px !important;
    position: relative;
    box-shadow: none !important;
    text-align: center !important;
    text-decoration: none !important;
    -webkit-transition: 0.3s 
ease-in !important;
    transition: 0.3s 
ease-in !important;
    overflow: hidden !important;
    z-index: 1;
    cursor: pointer !important;
}
input[type="submit"]:hover, input[type="reset"]:hover,.btn-success:hover, a.button:hover{
  border-color: var(--white-color) ; outline-color: transparent ;
} 




input::-webkit-input-placeholder {color: #939393;opacity:1; text-transform: uppercase; }
input:-moz-placeholder {color:#939393; opacity:1;  text-transform: uppercase;}
input::-moz-placeholder {color: #939393; opacity:1;  text-transform: uppercase;}
input:-ms-input-placeholder {color: #939393;opacity:1;  text-transform: uppercase;}
textarea::-webkit-input-placeholder {color: #939393; opacity:1;  text-transform: uppercase;}
textarea:-moz-placeholder {color:#939393; opacity:1;  text-transform: uppercase;}
textarea::-moz-placeholder {color: #939393; opacity:1;  text-transform: uppercase;}
textarea:-ms-input-placeholder {color: #939393; opacity:1;  text-transform: uppercase;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: right; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 25%;}
.col-3 {max-width: 33.33%;} 
.col-2 {max-width: 50%;}
.col-1 {max-width: 100%;} 

.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.font-light {font-weight: 300;}
.table {width: 100%;}


/* ------------------------------------------------- */

/* sub menu css */
header .header_menu nav ul li ul.sub-menu li{ position: relative; }
header .header_menu nav ul li ul.sub-menu li > ul.sub-menu { left: 102%; top: 1px; }
header .header_menu nav ul li ul.sub-menu{ visibility: hidden; white-space:nowrap; position:absolute; margin:10px 0 0; z-index:3; text-align:left; transform:scaleY(0); transition:.3s; transform-origin:top; padding-top:0;}
header .header_menu nav ul li:hover > ul.sub-menu{transform:scaleY(1); visibility: visible; }
header .header_menu nav ul li ul.sub-menu li a,
header .header_menu nav ul li ul.sub-menu li a, header .header_menu nav ul li ul.sub-menu li > ul.sub-menu li a { background: #fff; padding: 12px 16px; display: block; color: var(--body_color); min-width: 200px; transition: .4s ease-in-out; font-size: 20px; line-height: 16px; border-bottom: 1px solid var(--body_color); box-shadow: 0px 0px 2px gray; white-space: break-spaces; }
header .header_menu nav ul li ul.sub-menu li:last-child a{border-bottom:0;}
header .header_menu nav ul li ul.sub-menu li{margin:0;display:block;}
header .header_menu nav ul li.current-menu-item > a::before{transform:scaleX(1);}
header .header_menu nav ul li.current-menu-item > a,
header .header_menu nav ul li.current-menu-parent > a,
header .header_menu nav ul li ul.sub-menu li.current-menu-item > a { color: var(--btn_color);}
header .header_menu nav ul li ul.sub-menu li a:hover, .header-menu-list ul li ul.sub-menu li.current_page_item,
header .header_menu nav ul li ul.sub-menu li.menu-item-object-page a:hover{color:var(--btn_color)}
header .header_menu nav ul li ul.sub-menu li a:hover:before { transform: scaleX(0); }
header .header_menu nav ul li.menu-item-has-children > a::after { content: ''; position: absolute; right: -18px; border-top: 2px solid var(--body_color); border-left: 2px solid var(--body_color); top: 5px; transform: rotate(-135deg); width: 9px; height: 9px; }
header .header_menu nav ul li ul.sub-menu li:first-child > a{ border-radius: 5px 5px 0 0; }
header .header_menu nav ul li ul.sub-menu li:last-child > a{ border-radius: 0 0 5px 5px; }
header .header_menu nav ul li ul.sub-menu li:last-child > ul li:first-child a{ border-radius: 5px 5px 0 0; }
header .header_menu nav ul li ul.sub-menu li:last-child > ul li:last-child a{ border-radius: 0px 0px 5px 5px; border: 0; }
header .header_menu nav ul li ul li.menu-item-has-children > a::after{ right: 8px; top: 12px; border-color: var(--body-color); }
header .header_menu nav ul li.menu-item-has-children > a::after{ border-color: var(--body-color); }
.menu-toggle{display: none;}
/* sub menu css */

/* slider css */
/* .slider_inr .slider_box { margin: 0 0 0 270px; padding: 40px 0 65px; }
.slider_inr .slider_box .star_img { padding: 0 0 0 10px; }
.slider_inr .slider_box p{ margin: 0; }
.slider_inr .slider_box p strong{ font-family: var(--black_font); } */
/* slider css */

/* ----------------------------------------------------- def-page --------------------------------------------------------------- */
/* def-page */ 
.def-page{padding: 0 0 100px 0px;}
.def-page p { font-family: var(--body_font); color: var(--body-color); font-style: normal; font-weight: 400; margin: 0 0 15px; }
.def-page .right-img{float:right; margin:0 0 15px 40px; position: relative; z-index: 0; line-height: 0;}
.def-page .left-img{float:left; margin:0 40px 15px 0; position: relative; line-height: 0;}
.def-page .right-img img{border-radius: 10px; position: relative; box-shadow: 8px 7px 5px rgb(0 0 0 / 29%)}
.def-page .left-img img{border-radius: 10px; position: relative;box-shadow: 8px 7px 5px rgb(0 0 0 / 29%) }
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6 { margin: 0 0 15px 0; line-height: 25px; font-family: var(--heading_font); padding: 0px; color: var(--body_color); }
/* .def-page h1{ font-size: 72px; line-height: 86px;}  */
.def-page h2{ font-size: 50px; line-height: 60px;}
.def-page h3{ font-size: 40px; line-height: 50px;}
.def-page h4{ font-size:30px; line-height:40px; }
.def-page h5{font-size: 25px; line-height: 35px;}
.def-page h6{ font-size: 20PX; line-height: 30px;}
.privacy-page > div > p{ padding-bottom: 0; }

.def-page ul {margin: 0; padding-bottom: 15px; overflow: hidden; max-width: inherit; width: inherit; padding-left: 0; }
.def-page ul li { list-style: none; font-size: 20px; color: var(--body-color); position: relative; padding: 5px 22px;;}
.def-page ul li:before { content: ""; position: absolute; top: 14px; left: 0; width: 8px; height: 8px; background-color: var(--body_color); border-radius: 50%; }
.def-page ol{padding-left: 0; padding-bottom: 15px;}
.def-page ol li {list-style-type:none;counter-increment:item;font-size: 20px; color: var(--body-color); padding: 5px 0; }
.def-page ol li:before {display:inline-block; content: counter(item) ".";  color: var(--body-color);  padding-right:10px;}
.def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
.def-page ul.col-2 li {width: 50%;float: left;}
.def-page ul.col-3 li {width: 33.33%;float: left;}
.privacy-page ol { margin-bottom: 25px;}
.privacy-page ol>li:before { padding-right: 05px;}
.privacy-page .privacy-inner{ padding-left: 30px; margin-bottom: 20px;}
.privacy-page .privacy-inner ul{ margin-top: 05px; }
.privacy-page ul,.privacy-page ol{ margin-left:20px;}
.privacy-page ol li{padding: 5px 0px;}
.pagenotfound {width: 100%;display: block; padding: 70px 0px 80px; text-align: center;}
.pagenotfound h2 {font-size: 50px;font-weight: 600;}
.pagenotfound p{font-size: 16px;}
.thankyou {text-align: center;}
.thankyou h3 strong {font-size: 46px;}
.clearfix:after { clear: both; display: block; visibility: hidden; content: ""; }
.fl{float:left}.fr{float:right}.cl,.clear,.clr,.social_share{clear:both}.clearfix:after{clear:both;display:block;visibility:hidden;content:""}
.def-page a { color: var(--btn_color); display: inline; }
.def-page a:hover { color:var(--body_color); }
/* .def-page strong { font-size: 24px; } */

/* validation */
form .input_filed .wpcf7-not-valid-tip{ display: none !important; }
.wpcf7-not-valid{ border: 1px solid #dc3232 !important; }
form .cf7sr-recaptcha .wpcf7-not-valid-tip{ display: block !important; font-size: 15px; }
.submit-captcha { margin-top: -5px; display: flex; /* width: 100%; */ align-items: flex-start; justify-content: flex-start; }
.submit-captcha .input-fild:last-child{ margin-top: 17px; } .wpcf7 form .wpcf7-response-output { margin: 0.5em 10px; padding: 0.2em 1em; border: 2px solid #00a0d2;    width: 100%; text-align: center; }
/* validation */
/* ----------------------------------------------------- def-page --------------------------------------------------------------- */
/* header */
body.home { background-color: transparent; }
header { position: relative; z-index: 3 ; }
header.inr_header {z-index: unset; }
header .logo { line-height: 0; }
header .header_inr { padding: 45px 0 0; }
header  .header_menu{  align-items: center; background: var(--white_color); padding: 22px 60px 22px 78px; border-radius: 72px 0 0 72px; position: absolute; right: 0; top: 105px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 80px; }
header  .header_menu nav ul { gap: 90px; }
/* header  .header_menu nav ul li a { color: var(--white_color);}  */
header  .header_menu nav ul li a:hover {font-weight: bold;} 
header  .header_menu nav ul li a.login{color: #00a0d2;} 
header  .header_menu nav ul li a.login:hover{font-weight: bold;} 
/* header */
/* banner */
section.banner { position: relative; z-index: 2; }
section.banner::before { content: ''; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); width: 1px; height: 216px; background-color: var(--white_color); z-index: 1; }
.banner .banner_img { background-color: var(--white_color); line-height: 0; margin-top: -330px; position: relative; z-index: 0; }
.banner .banner_img img { width: 100%; height: 100%; }
.banner .banner_clip{ width: 100%;  clip-path: polygon(0 0, 100% 0%, 100% 87%, 50% 100%, 0 87%);}
.banner .banner_btn_item { position: absolute; bottom: 200px; left: 50%; transform: translateX(-50%); gap: 86px; max-width: 100%; width: 100%; }
/* .banner .banner_btn_item .banner_btn:last-child a.button { background-color: var(--btn_color2);} */
.banner .banner_logo { line-height: 0; position: absolute; left: 50%; transform: translateX(-50%); bottom: -50px; z-index: 1; }
/* banner */
/* lake */
section.lake { position: relative; background: url(images/bg.png) no-repeat center top; background-attachment: fixed; width: 100%; /*min-height: 450px*/; z-index: 0;padding-bottom: 40px; background-size: cover;height: auto;}
section.lake::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255 / 58%) 62%, rgb(255 255 255 / 56%) 100%); z-index: -2; }
.lake .lake_inr h1.h2 { line-height: 57px; padding: 70px 0 0; }
.lake .lake_inr p {margin: 0; padding: 15px 0 0; }
/* lake */
/* boating */
.boating .boating_item { display: flex;justify-content: center; background: #D8EFDF; position: relative;}
.boating .boating_item::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50% ,-50% ); background: url(images/Group\ 9.png) no-repeat center; width: 102px; height: 102px; background-size: cover; }
.boating .boating_item.sec {background: #CDE7F2; }
.boating .boating_item.sec::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50% ,-50% ); background: url(images/Group\ 8.png) no-repeat center; width: 102px; height: 102px; background-size: cover; }
.boating .boating_item .boating_left .boating_img { line-height: 0; }
.boating .boating_item .boating_left .boating_img img{ object-fit: cover;}
.boating .boating_item .boating_left,
.boating .boating_item .boating_left, .boating .boating_item .boating_right { max-width: 50%; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: 0.5s all; }
.boating .boating_item .boating_right .boating_text{text-align: center; display: block; padding: 18px; }
.boating .boating_item .boating_right:hover .boating_text{ display:none; }
.boating .boating_item .boating_right .boating_text_item{display: none;  }
.boating .boating_item .boating_right:hover .boating_text_item{ display: block;}
.boating .boating_item .boating_right .boating_text_item ul li{ list-style-type: disc;}
/* boating */
/* footer */
/* .contact-info-form {max-width: 50%; width: 100%;} */
footer { background: white; position: relative; z-index: 0; padding: 0 0 20px; }
footer .footer_inr { padding: 50px 0 10px; }
footer .contact-info-form { border: 6px solid #E3B752; background: #F8EDD2; padding: 13px 33px; border-radius: 8px; }
footer .contact-input-dtls { padding-top: 18px; margin: -6px -7px; clear: both; }
footer .contact-info-form h2{ color: var(--body-color); font-family: var(--medium-font); font-size: 30px;}
footer .contact-input-dtls .first_info{ display: flex; align-items: center; justify-content: center;}
footer .contact-input-dtls .input_field.col-2 { width: 50%;  display: inline-block; float: left; }
footer .contact-input-dtls .input_field { padding: 6px 7px; overflow: hidden; }
/* footer .contact-input-dtls .more_info .input_field {max-width: 58%; width: 100%; } */
/* footer .contact-input-dtls .more_info .contact-dtls {max-width: 44%; width: 100%; } */
footer .contact-input-dtls .more_info .contact-dtls input[type="submit"] { font-family: var(--medium-font) ;font-size: 20px; text-transform: uppercase; background-color: #E3B752; color: var(--black_color); outline: 1px solid black; }
footer .contact-info-form span { font-family: var(--Blacksword-font); font-size: 20px; line-height: 32px; }
footer .contact-input-dtls .more_info{/*gap: 10px;*/flex-wrap: wrap;}
footer .footer_menu nav ul li a{ font-family: var(--medium-font);text-transform: uppercase;}
footer .footer_menu nav ul li a:hover{color: var(--btn_color);}
footer .footer_right_inr { display: flex; align-items: center;   }
footer .footer_right_inr .footer_address p { font-family: var(--medium-font); margin: 0 0 10px 0px; }
footer .footer_right_inr .footer_address a { font-family: var(--medium-font); display: flex; align-items: center; gap: 10px; }
footer .footer_right_inr .footer_address a:hover{color: var(--btn_color);}
footer .footer_address { border: 6px solid #E3B752; background: #F8EDD2; padding: 13px 35px; border-radius: 8px; width: 100%; }
footer .footer_address .eamil { padding: 0 0 15px 0; }
footer .footer_bottom p { text-align: center; }
footer .footer_bottom p:last-of-type { margin-bottom: 0;}
footer .footer_bottom a { color:#E3B752;}
footer .footer_bottom a:hover { color:var(--body_color);}
.boating .boating_text_item ul { padding: 0 0 0 20px;}

footer .footer_center .footer_logo { line-height: 0; position: relative;}
footer .footer_center .footer_logo::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 1px; height: 216px; background-color: #F8EDD2; z-index: -1; }
/* footer */ 
footer.inr_footer { background-color: white; }

    .letter-container { background-color: #ffffff; margin: 30px auto; padding: 50px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); border-top: 10px solid #0495d4; }
    .letter-header { text-align: center; border-bottom: 2px solid #E3B752; padding-bottom: 20px; margin-bottom: 30px; }
    .letter-header h2 { color: #0495d4; font-size: 40px; margin: 0; font-weight: 600; }
    /* .letter-header p { color: #555; font-size: 17px; margin-top: 5px; } */
    .date { text-align: right; color: #555; font-style: italic; margin-bottom: 30px; }
    .letter-page h2 { color: #0495d4; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-top: 40px; margin-bottom: 20px; }
    .closing { margin-top: 40px; font-size: 19px; font-weight: bold; color: #0495d4; }
    .signature { margin-top: 10px; font-style: italic; color: #333; }
    .facebook-note { background-color: #f9f9f9; border-left: 4px solid #E3B752; padding: 15px; margin: 20px 0; font-style: italic; }




/* ------------------------------------------- about page ------------------------------------ */
/* inr_header */
.inr_header.blue { border-bottom: 3px solid #0495d4; background-color: white; }
.inr_header { border-bottom: 3px solid #4CB16B; background-color: white; }
.inr_header .header_menu nav ul li a:hover{ font-weight: normal; color: var(--btn_color);}
.inr_header .logo { max-width: 100px; width: 100%; }
.inr_header .header_menu nav { background:unset; padding:0; border-radius:0; position: unset; backdrop-filter:unset; }
.inr_header .header_inr { padding: 21px 0; }
.inr_header .header_menu nav ul { gap: 50px; }
/* inr_header */
.header_img { line-height: 0; text-align: center; margin-top: -50px; position: relative; z-index: 0; }
/* int_banner */
.inr_banner h1 { color: #4cb16b; text-align: center; padding: 50px 0; }
.inr_banner.membership h1 { color: var(--btn_color); }
/* int_banner */
/* about*/
.about .about_top { display: flex; gap: 30px; justify-content: center; padding: 0 0 50px; }
.about .about_left .about_img { line-height: 0; }
.about .about_left .about_img img{ border-radius: 8px;box-shadow: 8px 7px 5px rgb(0 0 0 / 29%);
    }
.about .about_left, .about .about_right { max-width: 50%; width: 100%; }
.about .about_right p{ margin: 0; }
/* about*/
/* ------------------------------------------- about page ------------------------------------ */
/* ------------------------------------------- faq's page ------------------------------------ */
/* faq's page */
section.faq_tab { padding: 0px 0 50px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
.faq_tab_inr { max-width: 80%; width: 100%; margin: 0 auto; position: relative; }
.pa_content { padding-bottom: 50px; }
.pa_content h2 { padding-bottom: 16px; }
.pa_content p:last-child { margin-bottom: 0; }
.faq_tab .faq_head { margin: 0px 0 15px; border: 1px solid #333333; padding: 2px; background: white; border-radius: 25px; box-shadow: 2px 2px 6px #0000003b; }
.faq_tab  .collapsible-trigger-btn { width: 100%; cursor: pointer; padding: 14px 40px 14px 20px; display: flex; align-items: center; justify-content: space-between; position: relative; border-radius: 25px; }
.faq_tab  .collapsible-trigger-btn  h4 { color: var(--black-color); line-height: 100%; font-family: var(--heading_font); text-transform: none; font-size: 20px; line-height: 28px; } 
.faq_tab  .faq_head .faq_tabs_content_text p { margin-top: 0; /* text-transform: capitalize; */ font-size: 15px; line-height: 28px; margin-bottom: 15px; }
.faq_tab  .collapsible-trigger-btn::after { content: " "; /* font-size: 30px; */ font-weight: 400; position: absolute; right: 24px; background-image: url("images/down-arrow.webp"); background-repeat: no-repeat; background-position: 50% 99%; color: var(--white-color); background-size: 100% 100%; width: 24px; height: 24px; transition: 0.3s all ease-in-out; transform: rotate(0deg); }
.faq_tab  .collapsible-trigger-btn.active { background: white; border-radius: 25px; }
.faq_tab  .collapsible-trigger-btn.active::after { content: " "; font-size: 40px; transform: rotate(180deg); }
.faq_tab .faq_head .faq_tabs_content_text { visibility: visible; opacity: 1; padding: 5px 72px 20px 20px; transition: all 0.2s linear; font-family: var(--body_font); font-size: 15px; }
.faq_tab .faq_head .faq_tabs_content_text p:last-of-type { margin-bottom: 0; }
/* faq's page */
/* ------------------------------------------- faq's page ------------------------------------ */
/* ------------------------------------------- contact page ------------------------------------ */
form { display: flex; margin: 0 -15px; flex-wrap: wrap; flex-direction: column; }
.contact .form_inr { gap: 30px; PADDING: 0 0 50PX; }
.contact .form_left ,
.contact .form_left .form_img { line-height: 0; }
.contact .form_left .form_img img {border-radius: 8px; box-shadow: 8px 7px 5px rgb(0 0 0 / 29%);
}
.contact .form_right { max-width: 50%; width: 100%; }
.contact .form_right h3 { text-transform: capitalize; padding: 0 0 24px; }
.contact .form_right form{flex-direction: row; }
.contact .form_right form .input-fild{margin-bottom: 20px; }
.contact .form_right form .input-fild textarea{height: 100px; }
.contact .form_right form .input-fild input::-webkit-input-placeholder ,textarea::-webkit-input-placeholder { color: #333333;}
.contact .form_right form .input-fild > input[type="text"], .contact .form_right form .input-fild > input[type="email"], .contact .form_right form .input-fild > input[type="password"], .contact .form_right form .input-fild > input[type="tel"], .contact .form_right form .input-fild > input[type="number"], .contact .form_right form .input-fild > textarea { padding: 12px 20px; border: 0px; box-shadow: 1px 3px 5px #8080806e; }
.contact .form_right form .input-fild.submit { margin-left: 20px; }
/* .contact .form_right form .input-fild.submit input[type="submit"] {background-color: white; color: var(--black_color); text-transform: uppercase;} */
.contact .form_right form .input-fild.submit input[type="submit"]:hover{background-color: white; color: var(--btn_color); outline: 3px solid var(--btn_color);border: 5px solid transparent;}
/* ------------------------------------------- contact page ------------------------------------ */
.full_width { width: 100% !important; max-width: 100% !important;}

.about.loop_section .about_top:nth-child(odd) {
    display: flex;
    gap: 30px;
    justify-content: center;
    padding: 0 0 50px;
    flex-direction: row-reverse;
}


.contact_form {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
}

.recpatcha_submit {
    display: flex;
  
    flex-wrap: wrap;
 
    gap: 33px;
}

.volunteer-page .card p { font-size: 17px; margin: 5px 0 10px 0; }

/* mahima 7-7-2025 */
.wpcf7-not-valid { border: 1px solid #ff0000 !important; }
.wpcf7-not-valid-tip{display: none; font-size:16px ;}
.submit-recaptcha .wpcf7-not-valid-tip{display: block;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {text-align: center; border-color: #ffb900; color: black; }
.submit-recaptcha { display: flex; align-items: self-start; gap: 50px;  }
nav  ul li.menu-item-has-children > a { position: relative; }
nav ul > li.menu-item-has-children > a::after { content: ""; position: absolute; right: 0px; top: 7px; border-left: 2px solid var(--body-color); width: 10px; height: 10px; border-top: 2px solid var(--body-color); transform: rotate(-136deg); }
.contact .form_right form .input-fild.submit { margin-top: 20px; }
.header_img { max-width: fit-content; margin: -50px auto 0; }
footer .contact-input-dtls { margin: 0; }
footer form { display: block; margin: 0 -0px; }
.footer_left { max-width: 33.33%; width: 100%; }
.footer_center{max-width:33.33%; width: 100%; text-align: center;}
.footer_right{max-width:33.33%; width: 100%;}
footer .contact-input-dtls .first_info , footer .more_info { margin: 0px -7px; }
.footer_menu nav ul li.current-menu-item a{color: var(--btn_color);}
footer .wpcf7 form .wpcf7-response-output { margin: 0.5em 0px; font-size: 16px; }
.contact .form_right form .input-fild  input[type="text"], .contact .form_right form .input-fild   input[type="email"], .contact .form_right form .input-fild  input[type="password"], .contact .form_right form .input-fild  input[type="tel"], .contact .form_right form .input-fild  input[type="number"], .contact .form_right form .input-fild  textarea { padding: 12px 20px; border: 0px; box-shadow: 1px 3px 5px #8080806e; }

/*  */
/* mahima 8-7-2025 */
.recpatcha_submit { padding: 0 15px; }
.inr_header .header_menu nav ul li a{ text-transform: uppercase; }
header  .header_menu nav ul li a { text-transform: uppercase; }
.input-fild.check_box { padding-right: 15px; padding-left: 15px; }
.input-fild.check_box  label { display: block; }
.input-fild.check_box > label { color: var(--black_color); font-family: var(--medium-font);; }

.contact form .check_box .wpcf7-form-control-wrap { position: relative; display: block; }
.contact  form .input-fild.check_box span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required,.contact form .check_box  span.wpcf7-form-control.wpcf7-radio { display: flex; flex-wrap: wrap; gap: 5px 18px; }
.contact form  .wpcf7-form-control-wrap { position: relative; }
.contact form  .wpcf7-list-item { display: inline-block; margin: 5px 0 0 1em; }
.contact form  .input-fild.check_box .wpcf7-list-item, .wpcf7-list-item:first-child { margin: 5px 0 0; }
 .contact form  .input-fild.check_box .wpcf7-list-item input{ display: none; }
.contact form  .input-fild.check_box .wpcf7-list-item span.wpcf7-list-item-label { position: relative; padding-left: 30px; cursor: pointer; }
.contact form  .input-fild.check_box .wpcf7-list-item span.wpcf7-list-item-label::before { content: ''; -webkit-appearance: none; background-color: transparent; border: 1px solid rgba(0, 0, 0, .15); width: 18px; height: 18px; border-radius: 5px; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); cursor: pointer; }
.contact form  .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } 
.contact form  .input-fild.check_box .wpcf7-list-item input:checked+span.wpcf7-list-item-label::after { content: ''; display: block; position: absolute; top: 3px; left: 6px; width: 7px; height: 14px; border: solid var(--btn_color); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.contact form  .input-fild.check_box .wpcf7-not-valid-tip { display: block; }
.contact form  .input-fild.check_box .wpcf7-not-valid { border: none !important; }

/* 25-7-2025 */
.image-container-inr { padding-top: 40px; }
/* .photo-gallery-inr { padding-top: 30px; } */
ul.tab-content { border-bottom: 1px solid #e5e5e5; gap: 20px; width: 90%; margin: 0 auto; }
ul.tab-content li a { border-width: 1px 1px 0; border-color: rgba(0, 0, 0, .1); border-style: solid; padding: 10px 25px; background-color: #f4f4f2; border-top-left-radius: 3px; border-top-right-radius: 3px; font-family: var(--bold-font); transition: .5s; }
ul.tab-content li a.active, ul.tab-content li:hover a { background-color: var(--btn_color); color: var(--white_color); }
.tab-inr { margin: -20px -15px; justify-content: center; }
.tab-items { max-width: 25%; width: 100%; padding: 20px 15px; }
.tab-box { width: 100%; height: 327px; overflow: hidden; border-radius: 10px; }
.tab-box a { position: relative; width: 100%; height: 100%; }
.tab-box img { border-radius: 10px; width: 100%; height: 100%; object-fit: cover; }
.tab-box a::after { content: ''; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; transform: scale(0); -webkit-transform: scale(0); transform-origin: center; background: url(images/zoom.webp) center no-repeat rgba(4, 150, 212, 0.6); transition: .5s; }
.tab-box a:hover::after { transform: scale(1); -webkit-transform: scale(1); }
section.photo-gallery { padding-bottom: 50px; }
img.mfp-img{max-height: 600px !important;}
.pagination { width: 100%; padding: 30px 0 20px; }
.pagination ul { display: flex; justify-content: center; align-items: center; gap: 20px; }
.pagination ul li a, .pagination ul li span { width: 45px; height: 45px; background-color: transparent; color: var(--theme-black); display: flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 4px; border: 1px solid rgba(31, 31, 31, .3); }
.pagination ul li a:hover, .pagination ul li span, ul.tab-content li a.active, ul.tab-content li:hover a { background-color: var(--btn_color); color: var(--white_color); }
.pagination ul li a.nextpostslink, .pagination ul li a.previouspostslink { position: relative; transition: .5s; }
.pagination ul li span.current { background-color: var(--btn_color); color: var(--white_color); }
.pagination ul li a.nextpostslink::before, .pagination ul li a.previouspostslink::before { content: ''; position: absolute; width: 10px; height: 10px; border-top: 2px solid var(--body_color); border-left: 2px solid var(--body_color); left: 14px; top: 16px; transform: rotate(136deg); }
.pagination ul li a.nextpostslink:hover::before, .pagination ul li a.previouspostslink:hover::before { border-top: 2px solid var(--white_color); border-left: 2px solid var(--white_color); }
.pagination ul li a.previouspostslink::before { transform: rotate(-45deg); left: 18px; top: 16px; }
.contact-dtls { padding: 6px 7px; }
.events_div { width: 100%; display: block; padding: 0px 0px 50px; }
.calendar_inr { box-shadow: 0px 0px 51px 0px rgb(40 40 40 / 20%); overflow: hidden; display: inline-block; }
.calendar_inr { width: 100%; padding: 0 0 40px; border-radius: 8px; }

.eo-fullcalendar-loading { background: #fff; position: absolute; z-index: 5; }
.calendar_inr .eo-fullcalendar-loading { margin: 25px 0 0 30px; }
.eo-fullcalendar-loading-icon { vertical-align: middle; padding: 0 5px 5px 0; }
.calendar_inr .fc-toolbar {
    position: relative;
}
.eo-fullcalendar .fc-toolbar {
    margin-bottom: 10px;
}
.calendar_inr .eo-fullcalendar .fc-toolbar {
    background: #394356;
    margin-bottom: 0;
    padding: 20px 30px;
}
.fc-toolbar .fc-left {
    float: left;
}
.calendar_inr .fc-toolbar .fc-left {
    float: none;
    position: absolute;
}
.calendar_inr select.eo-fc-filter.eo-fc-filter-category { color: #fff; font-weight: 500; font-size: 20px; background: var(--btn_color); padding: 0 32px 0 10px  !important; border: none; border-radius: 6px; height: 55px; -webkit-appearance: none; outline: none; background-image: url("images/down-arrow.webp"); background-repeat: no-repeat; background-size: 29px; background-position: 99%; }

.calendar_inr .fc-toolbar .fc-center {
    display: inline-block;
}
.calendar_inr .fc-toolbar button.fc-state-default {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background: var(--btn_color);
    border-radius: 6px;
    padding: 0;
    outline: none;
    box-shadow: none;
}
.calendar_inr .fc-icon.fc-icon-left-single-arrow {
    background: url(images/prev_arrow.png) no-repeat;
    width: 12px;
    height: 14px;
}
.calendar_inr .fc button .fc-icon {
    font-size: 0;
    /* top: 50%; */
    transform: translateY(-50%);
}
.calendar_inr .fc-toolbar .fc-center h2 {
    font-size: 48px;
    color: #fff;
    font-family: 'Amiri';
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    padding: 0 40px;
    line-height: 50px;
}
.calendar_inr .fc-view>table {
    width: 92%;
    margin: 50px auto 50px;
}
.eo-fullcalendar .fc-view>table>thead {
    background: #f2f2f2;
    font-weight: 700;
    text-align: center;
}
.calendar_inr .fc-view .fc-widget-header {
    height: 60px;
    font-size: 20px;
    font-weight: 600;
    line-height: 60px;
    background: #e6e7e8;
    color: #394356;
}
.eo-fullcalendar .fc-view>table>tbody {
    background: #fff;
}
.calendar_inr .fc-basic-view tbody .fc-row {
    height: 110px;
}
.calendar_inr .fc-basic-view tbody .fc-row {
    height: auto;
    min-height: 110px;
}
.calendar_inr .fc-icon.fc-icon-right-single-arrow {
    background: url(images/next_arrow.png) no-repeat;
    width: 12px;
    height: 14px;
}
.calendar_inr .event-mark {
    text-align: center;
}
.color_masking {
    display: inline-block;
}
.color_masking .color_sec {
    width: 31px;
    height: 31px;
    border-radius: 5px;
    display: inline-block;
}
.color_masking p {
    display: inline-block;
    vertical-align: top;
    padding: 0 30px 0 10px;
    margin: 0;
    line-height: 30px;
}
.fc-state-default {
    border: 1px solid;
}
.calendar_inr .fc-view .fc-content-skeleton td {
    font-weight: bold;
    font-size: 20px;
    padding: 4px !important;
}
.calendar_inr .eo-fullcalendar .fc-event {
    border-radius: 5px;
    text-align: center;
    padding: 3px 0;
    color: #fff !important;
}
.gutter_solutions .gutter_solutions_inr {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
}
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box {
    position: relative;
    border: 5px solid #E3B752;
    border-radius: 8px;
    text-align: center;
    width: 100%;
    max-width: 18.5%;
    min-height: 280px;
}
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box {
    position: relative;
    border: 5px solid #7e46c3;
    border-radius: 8px;
    text-align: center;
    width: 100%;
    max-width: 18.5%;
    min-height: 280px;
    
}
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img {
    line-height: 0;
    width: 100%;
    height: 100%;
}
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img img {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box_item {
    transition: 0.5s all;
    background-color: #F8EDD2;
    backdrop-filter: blur(25px);
    padding: 0 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box_item {
    transition: 0.5s all;
    background-color: white;
    backdrop-filter: blur(25px);
    padding: 0 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box.green  .gutter_solutions_img_box_item { background-color: var(--white_color);}
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box.yellow .gutter_solutions_img_box_item { background-color: var(--white_color);}
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box.blue   .gutter_solutions_img_box_item { background-color: var(--white_color);}
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box.purple   .gutter_solutions_img_box_item { background-color: var(--white_color);}


.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box .gutter_solutions_btn a.button { background-color: #E3B752; color: rgb(0, 0, 0); outline: none; }
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box.yellow .gutter_solutions_btn a.button { background-color: #E3B752; color: rgb(255, 255, 255); }
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box.green .gutter_solutions_btn a.button { background-color: #4cb36b; color: white;  }
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box.purple .gutter_solutions_btn a.button { background-color: #800080b8; color: white;  }
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box.blue   .gutter_solutions_btn a.button { background-color: #0696d5; color: white;  }


.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box.green  { border:5px solid #4cb36b;}
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box.yellow { border:5px solid #E3B752;}
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box.blue   { border:5px solid #0696d5;}
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box.purple { border:5px solid #800080b8;}


.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box:hover .gutter_solutions_img_box_item {
    opacity: 1;
}
.gutter_solutions_btn {
    padding-top: 20px;
}

.gutter_solutions_btn a.button{
    font-family: var(--medium-font);
    font-size: 20px;
    text-transform: uppercase;
    background-color: #7e46c3;
    color: var(--white_color);
    outline: 1px solid black;
}
.gutter_solutions_btn a.button:hover {
    border-color: var(--white-color);
    outline-color: transparent;
}
.boating .boating_right .boating_text_item p a { background-color: #4cb36b; color: white; outline: 1px solid white; }
.boating .boating_item.sec .boating_right .boating_text_item p a{ background-color: #0696d5; color: white; outline: 1px solid white; }

section.gutter_solutions {
    padding:  0 0 50px;
}
.event-date-box p {
    font-weight: 600;
    padding-left: 30px;
    position: relative;
}
.event-date-box p:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    left: 0;
    top: 0px;
    background: url(images/calendar-days-regular-full.svg) no-repeat;
    background-size: 100%;
}
.complaint_form.contact .form_right { max-width: 50%; width: 100%; margin: 0 auto; border: 6px solid #E3B752; background: #F8EDD2; padding: 13px 33px; border-radius: 8px;
}
.complaint_form.contact .form_right .member_email {
    padding-right: 15px;
    padding-left: 15px;
}
.complaint_form.contact hr {
    border: 0 #000 solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
    width: 98%;
    padding-right: 10px;
        padding-left: 10px;
}
 #qtip-0 .qtip-titlebar{background-color: #00a1d286; color: var(--black_color);}
  #qtip-1 .qtip-titlebar {background-color: #4ea183; color: var(--white_color);}
  #qtip-2 .qtip-titlebar{background-color: #f59771; color: var(--white_color);}
  #qtip-3 .qtip-titlebar{background-color: #d26579; color: var(--white_color);}



.purpose_selection {
    margin-top: 15px;
}
.calendar_inr .fc-basic-view tbody .fc-row {
    min-height: 140px;
}
/*  */


/***memener Login,register,forgot,reset password css***/

.error {
    color: #dc3545;}

    .ajax_response.succ { color: #28a745; }
    .ajax_response.red { color: #dc3545; }
    .extra-buttons a { color: #4a90e2; text-decoration: none; margin: 5px; display: inline-block; display: flex; align-items: center; }
.extra-buttons svg { width: 20px; height: 16px; margin-right: 5px; fill: #e3b752; }

    /* sahal 01-aug-2025 */
  .member-directory , .member-service-lising{ padding: 40px 20px; }
.wola-table-container { margin: 0 auto; background-color: #ffffff; padding: 24px; border-radius: 12px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
.dataTables_length label, .dataTables_filter label { font-weight: 500; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.dataTables_filter input, .dataTables_length select { padding: 6px 10px; border-radius: 6px; border: 1px solid #ccc; min-width: 100px; }
table.dataTable { width: 100% !important; border-collapse: separate; border-spacing: 0; border-radius: 8px; overflow: hidden; }
table.dataTable thead { background-color: #0495d4; }
table.dataTable thead th { padding: 12px 16px !important; font-weight: 600 !important; color: white; border-bottom: 2px solid #ddd !important; }
table.dataTable tbody td { padding: 12px 16px; color: #444; border-bottom: 1px solid #eee; text-align: left; box-shadow: none !important; }
table.dataTable tbody tr:nth-child(even) { background-color: #f9f9f9; }
table.dataTable tbody tr:hover { background-color: #eef2f7; transition: background-color 0.3s ease; }
.dataTables_paginate { margin-top: 16px; text-align: right; }
.dataTables_paginate a.paginate_button { display: inline-block; padding: 6px 12px !important; margin: 0 10px; border: 1px solid #e3b752 !important; /* background: #fff; */  color: #333333 !important; border-radius: 6px !important; /* text-decoration: none; */ transition: 0.3s; }
.dataTables_paginate a.paginate_button.current { background-color: #f8edd2 !important; color: #FFF !important; border-color: #e3b752 !important; transition: 0.3s all; }
/* .dataTables_paginate a.paginate_button:hover:not(.current) { background-color: #e9ecef; } */
.dataTables_info { margin-top: 12px; color: #666; }
/* .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: #eee4ca !important; color: #333333 !important; border: 1px solid #e3b752 !important; } */

.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: #0495d4 !important; color: #333333 !important; border: 1px solid #333333 !important; }
/* LOGIN CSS */
form#mianlogin { flex-wrap: wrap; flex-direction: column; }
.login_div { background: #f5f7fa; padding: 60px 20px; display: flex; justify-content: center; align-items: center;  }
.login_div .loginform-otr { background: #f8edd2; max-width: 420px; width: 100%; padding: 35px 30px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); transition: all 0.3s ease-in-out; margin: 0 auto; border: 5px solid #e3b752; }
.login_div .messageer { margin-bottom: 20px; padding: 10px; border-radius: 6px; display: none; }
.login_div .messageer.succ {  color: #2e7d32; display: block; }
.login_div .messageer.red {  color: #d32f2f; display: block; }
.messageer { text-align: center;}
.messageer p {font-weight: bold;}

.login_div .login_section_input { margin-bottom: 20px; }
.login_div .login_section_input input.text-input { width: 100%; padding: 12px 16px; border-radius: 8px; border: 1px solid #ccc; transition: all 0.2s ease; background-color: #fafafa; }
.login_div .login_section_input input.text-input:focus { background-color: #fff; outline: none; box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15); }
/* .a_submit { text-align: center; margin-top: 10px; } */
/* .a_submit .submit.button { background-color: #0495d4; color: #fff; border: none; padding: 12px 24px; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease; } */
/* .login_div .a_submit .submit.button:hover {    background-color: white; color: var(--btn_color); outline: 3px solid var(--btn_color); border: 5px solid transparent;} */
.login_div .extra-buttons { margin-top: 25px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.login_div .extra-buttons a { display: flex; align-items: center; gap: 8px; color: #333333; text-decoration: none; transition: color 0.3s ease; margin: 0; }
.login_div .extra-buttons a:hover { color: var(--btn_color); }
.login_div .login_section_input label { font-size: 16px; }
.login_div input.text-input.error { border: 1px solid red; }


.a_submit button.submit.button, .a_submit input.submit.button,
.a_submit button.submit.button:hover, .a_submit input.submit.button:hover,.a_submit button.submit.button { font-family: var(--medium-font); font-size: 20px; text-transform: uppercase; background-color: #E3B752; color: var(--black_color); outline: 1px solid black; }
.a_submit button.submit.button:hover { border-color: var(--white-color); outline-color: transparent; }
p.green_bold { margin: 0; font-weight: bold; }
/* LOGIN CSS */


    /* sahal 01-aug-2025 */

    /* .member-registration label.error { display: none !important;} */
    .member-registration input.text-input.error { border: 1px solid red; }

 select { padding: 8px 12px !important; font-size: 18px; border: 1px solid #ccc !important; border-radius: 6px !important; background-color: #fff !important; color: #333 !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important; transition: border-color 0.3s, box-shadow 0.3s !important; appearance: none; background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>'); background-repeat: no-repeat; background-position: right 10px center; background-size: 28px; }
 select:focus { outline: none; border-color: #66afe9; box-shadow: 0 0 4px rgba(102, 175, 233, 0.6); }
 label { font-weight: 500; margin-right: 10px; }   

p.green_bold { margin: 0; font-weight: bold; color: #4cb16b; }
.ajax_response_reg.red p.green_bold { color: #ff1e1e; }

input#gform_submit_button_2{      border: 5px solid transparent !important;   padding: 2px 33px !important;    transition: 0.3s ease-in;  border-radius: 25px !important;  font-family: var(--medium-font); font-size: 20px; text-transform: uppercase; background-color: #E3B752; color: var(--black_color); outline: 1px solid black; }

input#gform_submit_button_2:hover{ border-color: var(--white-color) !important; outline-color: transparent !important; }

.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large {
    inline-size: 100%;
 font-size: 16px !important;
}
 /* .gform-body.gform_body label { font-size: 20px !important; margin: 0 0 0 30px !important; } */
.gform-theme--api, .gform-theme--foundation{ --gf-form-gap-y: 20px !important; }
.gform-theme--foundation .gform_fields{ row-gap: var(--gf-form-gap-y) !important; }
.gform-theme--foundation .gfield textarea { inline-size: 100%; height: 100px !important; border: 0 !important; font-family: var(--medium-font) !important; box-shadow: 1px 3px 5px #8080806e !important; resize: none; font-size: 16px !important; padding: 12px 20px !important; }
.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large ,.gform-theme--foundation .gfield input[type="text"]{font-size: 16px !important; inline-size: 100%; border: 0 !important; font-family: var(--medium-font) !important; box-shadow: 1px 3px 5px #8080806e !important;  padding: 12px 20px !important;}
legend.gform-field-label { color: var(--black_color) !important; font-family: var(--medium-font) !important; font-size: 20px !important; }
.gchoice{ position: relative !important; }
.gchoice .gfield-choice-input{ content: ''; -webkit-appearance: none !important; background-color: transparent !important; border: 1px solid rgba(0, 0, 0, .15) !important; width: 18px !important; height: 18px !important; border-radius: 5px !important; display: inline-block !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; cursor: pointer !important; }
.gchoice .gfield-choice-input{ content: ''; -webkit-appearance: none !important; background-color: transparent !important; border: 1px solid rgba(0, 0, 0, .15) !important; width: 18px !important; height: 18px !important; border-radius: 5px !important; display: inline-block !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; cursor: pointer !important; }

.gform-theme--framework input[type=checkbox]::before { color: var(--btn_color) !important;     display: flex !important; align-items: center !important; justify-content: center !important; }
.gform-theme--framework .gfield-choice-input{ display: flex !important; align-items: center; justify-content: center; }
.gform-theme--framework .gfield-choice-input[type="radio"]::before{background-color: var(--btn_color) !important; }
.gform-theme--framework .gfield-choice-input:focus { --gf-local-outline-color: #66aee9b8 !important;}
.gform-theme--framework .gfield_radio .gchoice label{margin: 0 0 0 30px; }
.gform-theme--framework .gfield_checkbox .gchoice label{margin: 0 0 0 30px; }
.gfield  .ginput_container_total input[type="text"] {box-shadow: none !important; padding: 0 !important;}
/****volunteer css***/

        
         .volunteer-page .header{
        
         text-align: center;}
        
        .volunteer-page .header a {
            color: #4cb36b ;
            text-decoration: none;
            font-weight: bold;
        }
        
        .volunteer-page .header a:hover {
            text-decoration: underline;
        }
        
       
        
        .volunteer-page .section h2 {
            
            font-size: 28px;
            text-align: center;
            margin-bottom: 45px;
            position: relative;
        
        }
        
        
        
        .volunteer-page .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
        }
  .volunteer-page .grid-new {
          
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
           
        }
        
        
.volunteer-page .card {
        overflow: hidden;
    background: white;
    border: 2px solid #0495d4;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* background-color: #CDE7F2; */
}

        
        .volunteer-page .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 15px rgba(4, 149, 212, 0.2);
        }
        
.volunteer-page .card h3 {
    color: #0495d4;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E3B752;
}
        .volunteer-page
        .card p {
           font-size: 17px;
            margin: 5px 0 10px 0;
            color: #000;
        }
      
        .volunteer-page .section{
            margin-bottom: 45px;
        }
       
        
        .volunteer-page .card a {
            color: #0495d4;
            text-decoration: none;
            width: 100%;
        }
        
        .volunteer-page .card a:hover {
            color: #E3B752;
        }
        
        .volunteer-page .card .open {
            /* color: #E3B752; */
            font-style: italic;
            font-weight: bold;
        }
        
      .volunteer-page .notice-card {
    /* background: linear-gradient(135deg, #E3B752, #d4a643); */
    /* color: #000; */
    border-color: #E3B752;
    grid-column: 1 / -1;
    text-align: center;
    padding: 20px;
    background-color: #fff;
    /* border: 2px solid #0495d4; */
    border-left: 2px solid #0495d4;
}
        
        .volunteer-page .notice-card p {
            color: #000;
            margin: 8px 0;
        }
        
        .volunteer-page .notice-card a {
            color: #4cb36b

;
            text-decoration: underline;
        }
        
        @media (max-width: 768px) {
            .volunteer-page .grid {
                grid-template-columns: 1fr;
            }
            
           
        }

        .about_team_txt {
    padding: 20px;
}

.about_member.volunteer-page .card {
    padding: 0;
    border: 5px solid #4cb36b;
    background-color: #D8EFDF;
}

.about_member { text-align: center;}
.about_member h2 { margin-bottom: 50px;}
.about_team_img img {width: 100%;}

.team_popup_otr {
    max-width: 900px;
    margin: 0 auto;
 
    padding: 40px;
    border-radius: 8px;
    position: relative;
 
    background-color: #F8EDD2;
    border: 5px solid #E3B752;
}
.team_popup_otr .left_img {
    display: inline-block;
    float: left;
    margin-right: 30px;
    margin-bottom: 15px;
}


.team_popup_otr button.mfp-close {
    background-color: #E3B752;
    opacity: 1;
    line-height: 15px;
    border: 5px solid transparent;
    position: absolute;
    height: 45px !important;
    color: #000 !important;
    right: 20px;
    top: 20px;
}
.team_content_sec a:hover{ color: var(--btn_color);}



.page-id-542 .about_owner_otr { padding: 0 0 50px; }
.wola-map-page { border: 5px solid #4cb36b}
.wola-map-page iframe { width: 100%; height: 600px; }

header.login_after_header_cls  .header_menu nav { padding:0;  gap: 40px; }
header.login_after_header_cls   .header_menu nav ul { gap: 50px; }
header.login_before_header_cls   .header_menu nav ul { gap: 50px; }
.back-btn { padding: 30px 0 0; }
.back-btn a.button { padding: 2px 16px; }
footer .contact-input-dtls { padding-top: 10px; }
footer .contact-input-dtls .footer-box ul li { padding-bottom: 10px; }
footer .contact-input-dtls .footer-box a {font-family: var(--medium-font); }
footer .contact-input-dtls .footer-box a:hover {color: var(--btn_color); }
.member-sign-up .loginform-otr { max-width: 800px; }
.member-sign-up form {  flex-direction: row;  }

header.front_page_header  .header_inr .logo a{ min-height: 283px; }
/* header.front_page_header  .header_inr .logo a img{ height:182px; } */
.inr_header  .header_inr .logo a{ min-height: unset; }
.annual-meeting-info-page .def-page { padding: 0;}

.annual-meeting-info-page {
    padding: 0 0 100px 0px;
}

.form_left { max-width: 50%; width: 100%; }
.annual_btn_section.banner_btn_item { gap: 15px; justify-content: center; }

.ajax-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #ddd;
    border-top: 5px solid #0495d4; /* WordPress blue or your brand color */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.filter { text-align: right; margin-bottom: 15px; }
select { border: 1px solid var(--input-border); background: var(--input-bg); max-width: 100%; border-radius: 3px; padding: 15px 13px; }
.filter select { border-radius: 3px; padding: 0px 22px; height: 56px; background: url(images/select.webp) no-repeat center; appearance: none; background-position: 95% center; min-width: calc(11% - 15px); background-size: 24px; cursor: pointer; }

.event_box.village_board_event_box { background: white; border-radius: 5px; padding: 15px; justify-content: space-between; border: 1px solid #27520A26; display: flex; flex-wrap: wrap; align-items: center; height: 100%;}
.event_box.village_board_event_box h6 { font-size: 18px; }
.event_box_inr.a_btn a { font-size: 16px; padding: 2px 10px; margin: 0; }
.village_board_otr_main_ajax { margin: auto -10px; flex-wrap: wrap;}
.village_board_inr{ padding: 10px;}
.event_box.village_board_event_box.blue { border: 3px solid #0696d5; }
.event_box.village_board_event_box.green { border: 3px solid #4cb36b}
.event_box.village_board_event_box.yellow { border: 3px solid #E3B752;}
.event_box.village_board_event_box.purple { border: 3px solid #7e46c3;}
.event_box.village_board_event_box strong {font-size: 18px;}

.event_box.village_board_event_box.green  .event_box_inr.a_btn a.button{ background-color: #4cb36b; color: white; outline: 1px solid white; }
.event_box.village_board_event_box.yellow  .event_box_inr.a_btn a.button {background-color: #E3B752; color: var(--black_color); outline: 1px solid black; }
.village_board_div { padding: 0 0 60px; }


/*j.m 04-11-2025*/
.header_menu .a_btn a.button{ padding: 2px 20px;}

/* sahal */
header.login_before_header_cls.inr_header .header_menu { position: relative; top: auto; background: transparent; z-index: 1; justify-content: flex-end; }


/* Deepak */
.memeber-ship-due label, .memeber-ship-due legend { font-size: 16px !important; color: var(--black_color) !important; }
.memeber-ship-due .ginput_container.ginput_container_email input,.memeber-ship-due  .ginput_container.ginput_container_phone input { height: 38px !important; }
.memeber-ship-due .back-btn{ padding: 30px 0; } 
.memeber-ship-due.complaint_form.contact .form_right{ max-width: 70%; }

.memeber-ship-due .gform-theme--foundation .ginput_complex select { height: 38px; line-height: normal;     border: 1px solid #00000099 !important;}
.memeber-ship-due .gform-theme--foundation #field_submit { align-items: center; }
.memeber-ship-due .gform-theme--foundation .ginput_complex select:focus,.memeber-ship-due input:focus{ outline: none !important; border: 1px solid #00000099 !important;}


input.gform_button.button { font-family: var(--medium-font) !important; font-size: 20px!important; text-transform: uppercase!important; background-color: #E3B752!important; color: var(--black_color)!important; outline: 1px solid black!important; padding: 2px 36px !important; border-radius: 25px !important;    border: 5px solid transparent !important; position: relative;    transition: 0.3s 
ease-in !important; }
input.gform_button.button:hover { border-color: var(--white-color) !important; outline-color: transparent !important;}
.header_menu .a_btn a.button.member-portal-btn { background-image: url('images/user.webp'); background-position: 59%; background-repeat: no-repeat; background-size: 0; }

/* faq form chintan bhai */
.faq_tab.faq-bg { background-size: cover; background-repeat: no-repeat; background-position: center; padding: 60px 0; position: relative; }
.faq_tab.faq-bg::before { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.75); z-index: 0; }
.faq_head { background: #fff; border-radius: 8px; margin-bottom: 15px; padding: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.08); }
.faq_head h4 { margin: 0; font-size: 20px; font-weight: 600; cursor: pointer; }
.faq_tabs_content { padding-top: 10px; }
/* faq form chintan bhai */

.village_board_div .event_box.village_board_event_box.purple .event_box_inr.a_btn a {     background-color: #7e46c3;}