@charset "UTF-8";

/*
Theme Name: Nabhan Plumbing Services
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: 2.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: 'SansSerifExbFLFCond';
  src: url('fonts/SansSerifExbFLFCond.woff2') format('woff2'),
      url('fonts/SansSerifExbFLFCond.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* 


@font-face {
  font-family: 'SansSerifBldFLFCond';
  src: url('fonts/SansSerifBldFLFCond.woff2') format('woff2'),
      url('fonts/SansSerifBldFLFCond.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
} */

@font-face {
  font-family: 'SansSerifBookFLF';
  src: url('fonts/SansSerifBookFLF.woff2') format('woff2'),
      url('fonts/SansSerifBookFLF.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Impact';
  src: url('fonts/Impact.woff2') format('woff2'),
      url('fonts/Impact.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Slab';
  src: url('fonts/RobotoSlab-Regular.woff2') format('woff2'),
      url('fonts/RobotoSlab-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}












:root{
   --theme-skyblue: #87d5f1;
  --theme-blue:#3c5474;
  --theme-white:#fff; 
  --theme-red:#A91010;
  --theme-transition:0.3s ease-in-out;
  --heading-font:'Roboto Slab';
  --sub-heading-font:'Impact';
  --text-font:'SansSerifBookFLF'; 

}

* {
margin: 0px; padding: 0;
  box-sizing:border-box;
  -webkit-box-sizing:
  border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
}

img {
  vertical-align:top;
  max-width:100%;
  height:auto;
  border:none;
}
svg{max-width: 100%; width: fit-content;}
iframe {
  max-width:100%;
  border:none;
}
.fl {
  float:left;
}
.fr {
  float:right;
}
.clr,
.cl,
.clear {
  clear:both;
}

.clearfix:after {
  clear:both;
  display:block;
  visibility:hidden;
  content:"";
}

input:focus,
textarea:focus,
select:focus,
button:focus {
  outline:none;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
{
border:1px solid rgba(0, 0, 0, 0.10);
background:#fff;
padding:0 15px;
box-shadow:none;
height:30px;
max-width:100%;
border-radius:0px;
width:100%;
font-family: var(--text-font);
  font-size: 20px;
  color:var(--theme-blue);
  border-radius: 8px;
  border: 1px solid var(--theme-blue);
}
input[type="search"] {-webkit-appearance:none;}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus
{
background:#f5f5f5;
box-shadow:none;
}

input,
select,
textarea {
  outline: 0px !important;
}
select {
border:1px solid var(--theme-blue);
background:#fff;
max-width:100%;
padding:0px 15px;
  border-radius: 8px ;
  -moz-border-radius:8px;
  box-shadow: none !important;
  outline: none !important;
  appearance: none;
  background-image: url(images/arrow_down.svg) ;
  background-repeat: no-repeat;
  background-position: 97%;
  padding-right:30px;
  height: 30px;
width: 100%;
  font-family: var(--text-font);
  color: var(--theme-blue);
  font-size: 20px;
}
input[type="image"],
input[type="submit"],
input[type="button"],
button {
background:var(--theme-skyblue);
border: medium none;
  border-radius: 0px;
color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
height:auto;
  transition: all 0.3s ease-in-out 0s;
font-weight:500;
appearance:normal;
-webkit-appearance:none;
max-width:100%;
width: 100%;
}
textarea {
  resize:none;
  min-height:90px;
  line-height:normal;
  padding:11px;
  width:100%;
height: 100px;
padding: 6px 15px;
  border-radius: 10px;
  border: 1px solid var(--theme-blue);

}
input[type="image"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
background-color:var(--theme-white);
}
::-webkit-scrollbar-track {
  background: #ddd;
}

::-webkit-scrollbar-thumb {
  background: var(--theme-skyblue);
}

input:not(input[type="button"], input[type="submit"])::placeholder, textarea::placeholder{color: var(--theme-blue);}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

body{font-family:var(--text-font) ; font-size: 22px; color: var(--theme-blue); }
body::-webkit-scrollbar { width: 8px; } 
body::-webkit-scrollbar-track {background-color: #ddd;}
body::-webkit-scrollbar-thumb { background-color:var(--theme-skyblue); border-radius: 5px; }
a{color: var(--theme-blue); text-decoration: none;}
a:hover:not(header a, .a_btn a, a.inner_text_btn){color: #000; text-decoration: underline;}
img{max-width: 100%;}
.wrapper{max-width: 1300px; padding: 0px 50px; margin-inline:auto;}
.empty{position: absolute;left: -1000%;}
h1, h2{font-family: var(--heading-font);}

h1{font-weight: 900; font-size: 50px;}
h2{font-size:40px; line-height: 140%;  color: var(--theme-blue);}
h3,.time_to_get_ahed_img_row p strong{font-size: 30px;line-height: 140%; font-family: var(--heading-font);  color: var(--theme-blue);}
h4{font-size: 26px; font-weight: 500;  font-family: var(--sub-heading-font);}
h5{font-size: 24px; font-weight: 500; line-height: 130%;}
h6{font-size: 20px; font-weight: 500;}


.fs_36{font-size: 36px; line-height: normal;}
.fs_20{font-size: 20px;}

p{font-size: 22px; color: var(--theme-blue); line-height: 140%;}

small{font-size: 12px;}
.title{margin-bottom: 10px;}
.overflow-hidden{overflow: hidden;}
.a_btn a, .a_btn button, .inner_text_btn, input[type="submit"]{display: inline-block;font-weight: 800;color: #fff; text-transform: uppercase;  border-radius: 30px; position: relative; padding: 5px 15px 6px; background-color: var(--theme-skyblue); box-shadow: inset 0 0 10px var(--theme-blue); overflow: hidden; transition:var(--theme-transition);font-family: var(--text-font); font-weight: 900; letter-spacing: 1px;}
.a_btn a:hover,.a_btn button:hover, .inner_text_btn:hover {box-shadow:inset 0 0 20px var(--theme-blue); } 
.a_btn a.red_btn{background-color:#f00; box-shadow: none;}
.a_btn a.red_btn:hover{box-shadow: inset 0 0 20px #A91010; }
.row{display: flex; flex-wrap: wrap; margin-inline: -15px;}
.row >*{padding:15px;}
.flex{display: flex; flex-wrap: wrap;}
.flex.center{justify-content: center;}
.between{justify-content: space-between;}
.gap_60.row{ margin-inline: -30px;}
.gap_60.row >*{padding: 30px;}
.gap_40.row{ margin-inline: -20px;}
.gap_40.row >*{padding: 20px;}
.col_1{width:100%;}
.col_2{width:50%;}
.col_3{width:33.33%;}
.col_4{width:25%;}
.col_40{width:40%;}
.col_5{width:20%;}
.col_60{width: 60%;}
.col_75{width: 75%;}
.col_55{width: 55%;}
.col_45{width: 45%;}

.col_inr{height: 100%;}
a.col_inr{display:block;}


.mb_child_10 >*, .card_txt >*{margin-bottom: 10px;}
.mb_child_10 >*:last-child, .card_txt >*:last-child{margin-bottom: 0px;}
.mb_child_15 >*{margin-bottom: 15px;}
.mb_child_15 >*:last-child{margin-bottom: 0px;}
.mb_child_20 >*{margin-bottom: 20px;}
.mb_child_20 >*:last-child{margin-bottom: 0px;}
.mb_child_30 >*{margin-bottom: 30px;}
.mb_child_30 >*:last-child{margin-bottom: 0px;}
iframe{width: 100%; height: 100%;}

.p_tb_30{padding-block: 30px;}
.p_t_30{padding-top: 30px;}
.p_tb_20{padding-block: 20px;}
.p_b_30{padding-bottom: 30px;}
.p_tb_70{padding-block: 70px;}
.p_t_70{padding-top: 70px;}
.p_tb_80{padding-block: 80px;}
.p_tb_100{padding-block: 100px;}
.p_b_50{padding-bottom: 50px;}
.p_tb_50{padding-block: 50px;}

.text-center{text-align: center;}
.uppercase{text-transform: uppercase;}
.text_white *{color: #fff !important;}
/* .mobile{display: none;} */
.title.left{margin-left: 0; text-align: left; max-width: 380px;}
.title h2{margin-bottom: 15px;}


.header_otr{padding: 10px 0px; border-bottom: 1px solid var(--theme-blue); box-shadow: 0 5px 10px #d1d1d1; background-color: rgba(255,255,255,0.8); position: fixed; width: 100%; top: 0; left: 0; right: 0; z-index: 10; backdrop-filter: blur(10px);}
.header_inr{justify-content: space-between; align-items: center;}
.logo a{display: inline-block;}
.header_logo{max-width: 100px;}
.menu_otr{width: calc(100% - 500px); text-align: center;}
.header_right{width: 40%; max-width: 400px; text-align: right;}
.btn_header{margin-right: 20px;}
.header_call a{font-family: 'SansSerifExbFLFCond';font-size: 20px; letter-spacing: 2px;}
.header_right{align-items: center;}

/* menu  */
.menu_icon{display: none;}
.menu nav > ul > li{display: inline-block; vertical-align: middle; margin-right: 30px;}
.menu nav > ul > li:last-child{margin-right: 0px;}
.menu nav ul li a{display: block; padding: 3px 0px;  color: var(--theme-blue); transition: var(--theme-transition); position: relative; font-weight: bold;}
.menu nav ul li a::after{content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: var(--theme-blue); transition: 0.3s;}
.menu nav ul li a:hover::after, .menu nav ul li.current-menu-item a::after{width: 100%;}
.menu nav ul li{text-transform: uppercase; font-size: 18px; list-style-type: none;}
.footer_list ul li.current-menu-item a{text-decoration: underline;}
.footer_top_row .col_4:last-child .footer_list{width: fit-content; margin: auto;}


.banner_img{position: relative;}
.banner_img img{width: 100%; object-fit: cover;}
.inner_banner_bottom{padding: 10px 0px;}
.inner_banner_bottom h1{color: #fff; font-family: var(--sub-heading-font); text-shadow: 0px 5px 10px #000; letter-spacing:1px; font-weight: 500;}
.banner_txt_otr{position: absolute; left: 50%; top: 100px; transform: translateX(-50%); width: 100%;}
.banner_txt .a_btn a{display: table; margin-inline: auto;}

.home_top_banner{padding: 5px 0px;}
.home_top_banner .col_inr{position: relative; height: 100%;}
.home_top_banner .col_inr .img{position: relative; height: 100%;}
.home_top_banner .col_inr .img img{width: 100%; height: 100%; object-fit: cover;}
.home_top_banner .col_inr .img::after{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgb(60, 84, 116, 70%); transition: var(--theme-transition);}
.home_top_banner .col_inr:hover > .img::after{background-color: transparent;}
.home_top_banner .col_2, .home_top_banner .col_4{padding: 5px;}
.home_top_banner .col_inr .col_1:first-child{padding-bottom: 10px;}
.home_txt_inr .txt{border-bottom: 2px solid var(--theme-blue);}
.home_banner_top_txt h2{font-family: var(--sub-heading-font); font-weight: 100; letter-spacing: 2px;}

.home_banner_top_txt{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;text-align: center; padding: 15px;}
.home_banner_top_txt h2{text-shadow: 0px 3px 5px #484848; color: #fff; text-transform: capitalize; }
.clean_quality{border-bottom: 2px solid var(--theme-blue);}
.time_to_get_ahed .title h1{ font-family: var(--sub-heading-font); color: var(--theme-blue); font-weight: 500;}
.time_to_get_ahed .title{align-items: center;justify-content: space-between;}
.time_to_get_ahed_img_row{align-items: end; text-align: center;}
.time_to_get_ahed{padding-top: 50px; padding-bottom: 120px;}
.time_to_get_ahed_img_row>div{padding: 15px 0px;}
/* .bg_water{background: url(images/clean_water_bg.webp) center bottom no-repeat; background-size: contain;} */
.text-shadow >*{color: #fff; text-shadow: 1px 3px 6px #484848; text-transform: capitalize;}
.our_info{padding-top: 10px;}
.our_info .title h2{font-family: var(--sub-heading-font); font-weight: 500;}
.our_info .left_section .title{margin-left: auto;}
.our_info .left_section .title .a_btn{text-align: right;}
.our_info .col_inr{position: relative;}
.our_info .col_55 .col_inr{padding-right: 10px;}
.our_info .col_inr .title{position: absolute; width:calc( 100% - 30px); max-width: 500px; z-index: 1;}
.our_info .col_inr .title h2{font-size: 50px;}
.our_info .right_section .col_inr .title{ left: 20px; bottom: 40px;}
.our_info .left_section .col_inr .title{ right: 20px; top: 40px;}
.our_info .col_inr .img{height: 100%;}
.our_info .col_inr .img img{width: 100%; object-fit: cover; height: 100%;}

.our_info .right_section .col_inr img{width: 100%;}
a.inner_text_btn{font-size: 20px; font-weight: 800; line-height: normal; display: inline-block; margin-left: 10px;}
a.inner_text_btn:hover{color: #fff;}

footer{ background: url(images/footer_bg_desktop.png) center top  no-repeat; background-size: cover; position: relative;}
.home_page_footer{ margin-top: -100px;}
.footer_otr{padding-top: 200px;padding-bottom: 20px; }
.footer_otr ul li {list-style-type: none; margin-bottom: 3px;}
.footer_logo a{max-width: 300px; margin: auto; display: table;}
.footer_bottom_row{justify-content: end;}
footer .copyright{text-align: center; display: table; margin: auto;}
footer .copyright p{font-size: 18px;}
.what_we_service .txt h3{margin-top: 20px;}
.what_we_service .txt p{margin-bottom: 10px;}
.what_we_service_right{max-width: 500px; width: 60%; margin: 0px 0px 20px 20px;}


.contact_bg_red .form_box{background-color: #f00;}
.contact_bg_red .form_box input:not(input[type="submit"]), .contact_bg_red .form_box textarea{color: var(--theme-blue) !important;}
.form_box{padding: 30px; border-radius:40px; background-color: var(--theme-skyblue); box-shadow: inset 0 0 10px var(--theme-blue);}
.form_row{display: flex; flex-wrap: wrap; margin: 0px -6px;}
.form_row >div{padding: 6px;}
.form_row input[type="checkbox"], .form_row input[type="radio"]{transform: scale(1.3);accent-color: var(--theme-blue); display: inline-block; vertical-align: middle; margin-right: 10px;}
.form_row input[type="radio"]{transform: scale(1.5);}
.form_row label span{font-size: 15px; display: inline-block; vertical-align: middle;}
.form_row label{ display: inline-block; vertical-align: middle; cursor: pointer; text-transform: capitalize;}
.form_row  input[type="submit"]{width: fit-content; margin: auto; display: table; background-color: var(--theme-blue); box-shadow: none; border: 2px solid transparent; padding-inline: 30px; font-size: 18px;}
.form_row  input[type="submit"]:hover{background-color: var(--theme-red); border-color: #fff;}

.contact_info_txt *{font-size: 24px; font-weight: 400; color: var(--theme-blue);font-style: normal; font-family: var(--heading-font);margin-bottom: 5px;}
.contact_info_txt li{list-style-type: none;}
.contact_info_txt address{margin-bottom: 20px;}
.contact_info_txt ul{margin-top: 20px;}
.contact_logo a{display: table; margin: auto; max-width: 350px;}
.contact_logo {margin-bottom: 30px;}
.contact_page .home_txt_inr .txt{border-bottom: none;}
.form_row .checkbox_col .wpcf7-list-item{margin: 0px; width: calc(50% - 3px);}
.service_form h3{text-transform: capitalize;}
.form_row .use_box .wpcf7-list-item{margin: 0px; width: calc(50% - 3px);}
.captcha{width: 100%; transform: scale(0.7); transform-origin: 0; }
.form_row .submit_btn .col_inr{position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.form_row .submit_btn .col_inr .wpcf7-form-control{margin: 0px;}
.form_row .title.text-center{margin-inline: auto;}
.form_row .submit_btn .wpcf7-spinner{margin: 0px 0px 0px 14px;}

.social-icon {margin-top: 5px;}
.social-icon  a{width: 35px; height: 35px; display: inline-block;  vertical-align: middle; margin: 5px 10px 10px 0px;}
.social-icon a:last-child{margin-right:0px;}
.social-icon a img{width: 100%; height: 100%; transition: var(--theme-transition);}
.social-icon a:hover img{filter: invert(0) brightness(0);}

.btn_secrev.flex{gap: 15px;}

/* .social_icon ul li.fb a{background-position:-7px -74px;}
.social_icon ul li.fb a:hover{background-position-y:-6px ;} */




/* slick-arrow */
/* .slick-slider button.slick-arrow{width:39px; height: 50px; font-size: 0; padding: 0px; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; background: transparent url(images/slick-arrow.webp) center no-repeat; background-size: 22px;border-color: transparent; border-width: 1px; }
.slick-slider button.slick-arrow.slick-next{transform: translateY(-50%) rotate(180deg); right: -8px;}
.slick-slider button.slick-arrow.slick-prev{left: -8px;}
.slick-slider button.slick-arrow:hover{border-color: #737991;} */

/* slick-dots */
/* .slick-dots{position: absolute; left: 50%; transform: translateX(-50%); bottom: 15px;}
.slick-dots li{display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 0px;}
.slick-dots li:last-child{ margin-right:0px;}
.slick-dots li button{height: 15px; width: 15px; background-color: var(--theme-skyblue); border-width: 1px;font-size: 0px;padding: 0px;border-radius: 50%; border: 1px solid #000;} */



/* Hide the default dropdown arrow */
.wpcf7 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add your custom styles */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f2f2f2;
    width: 100%;
    max-width: 300px;
    cursor: pointer;
}

/* Style the dropdown when hovered */
.wpcf7 select:hover {
    background-color: #e0e0e0;
}

/* Style the dropdown when focused */
.wpcf7 select:focus {
    outline: none;
    border-color: #4d90fe;
    box-shadow: 0 0 5px rgba(77, 144, 254, 0.5);
}


.ul_cls li {list-style: none;position: relative;padding-left:30px; margin-bottom: 6px;}
.ul_cls li:before {content: "";width: 17px;height: 17px;left: 0;top: 4px;position: absolute;background: url(./images/list_icon.svg) 0 center no-repeat;background-size: 21px;}

ul.ul_cls.col-3{overflow: hidden;}
ul.ul_cls.col-3 li {width: calc(33.33% - 5px);display: inline-block;vertical-align: top;}
.wpcf7-not-valid-tip:not(.captcha .wpcf7-not-valid-tip, .checkbox_col .wpcf7-not-valid-tip, .contact_bg_red .wpcf7-not-valid-tip){display: none !important;}
.wpcf7-not-valid:not(.contact_bg_red .wpcf7-not-valid){border-color: #f00 !important;}
.contact_bg_red .form.service_form .wpcf7-not-valid-tip{color: yellow !important;}
/* .contact_bg_red .form_box:has(.wpcf7-not-valid){background-color: #ffb20b !important;} */

.wpcf7-not-valid-tip{font-size:18px;}

/* def-page */
.def-page{padding: 60px 0px;}
.def-page .right-img{float:right; margin:0 0 15px 40px;}
.def-page .left-img{float:left; margin:0 40px 15px 0;}
.def-page .right-img img{max-width: 500px;}
.def-page .left-img img{max-width: 500px;}
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6{font-weight: 700;margin: 0 0 15px 0;text-transform: capitalize;}
.def-page h2{font-size: 45px;line-height: 60px;}
.def-page h2:before{display: none;}
.def-page h2{margin-top: 30px;}
.def-page h3{font-size: 28px; line-height: 40px;}
.def-page h4{font-size:24px; line-height:36px; font-weight: 100;}
.def-page h5{ font-size:22px; line-height:34px; }
.def-page h6{font-size: 20px; line-height: 28px;}
.def-page ul {margin: 0;padding-bottom: 20px; overflow: hidden; padding-left: 0;}
.def-page ul li {list-style: none;position: relative;padding-left:30px; margin-bottom: 6px;}
.def-page ul li:before {content: "";width: 17px;height: 17px;left: 0;top: 4px;position: absolute;background: url(./images/list_icon.svg) 0 center no-repeat;background-size: 21px; /*border: 1px solid #d1d1d1;border-radius: 50%;*/}
/* .def-page ul li:before {content: "";width: 6px;height: 6px;left: 0;top: 11px;position: absolute;border-radius: 50%; background-color: currentColor; } */
.def-page ul li:last-child{margin-bottom: 0px;}
.def-page ol{padding-left: 0; margin-bottom: 10px;}
.def-page ol li {list-style-type:none;counter-increment:item;margin-bottom: 6px;}
.def-page ol li:before {display:inline-block; text-align:right; content:counter(item) "."; background:none;top: 5px; padding-right:10px; font-weight: 400;}
.def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
.def-page ul.col-2 li {width: 50%;display: inline-block; vertical-align: top;margin-right: -4px;}
.def-page ul.col-3 li {width: 33.33%;display: inline-block;vertical-align: top;margin-right: -4px;}
.def-page p {padding-bottom: 15px;}
.def-page p:last-child{padding-bottom: 0px;}
/* .def-page a{color:var(--theme-grey);}
.def-page a:hover{color:  var(--theme-yellow);} */
.privacy-page ol { margin-bottom: 20px;}
.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{margin-bottom: 10px;}
.pagenotfound {width: 100%;display: block;padding: 80px 0px;text-align: center;}
.pagenotfound h2 {font-size: 50px;font-weight: 600;}
.pagenotfound p{font-size: 22px;}
.thankyou {text-align: center;}
.thankyou h3 strong {font-size: 46px;}






/* program css  */

.program .program-img{width: 40%; }
.program .program-img.right{float: right;margin:0px 0px 20px 20px;}
.program .program-img.left{ float: left;margin:0px 20px 20px 0px;}
.program .program-img a{display: block;}
.program .program-img img{width: 100%;}
.program .program-heading{width: calc(60% - 20px); padding-bottom: 15px;}
.program .program-heading.left{margin-left: auto; }



.hover_card_section_row.row{margin: 0px -10px;}
.hover_card_section_row.row>*{padding: 10px;}
.hover_card_section_row .card_otr{position: relative;  overflow-x: hidden; border: 1px solid var(--theme-blue);}
.hover_card_section_row .col_4 .card_otr{height:200px;}
.hover_card_section_row .col_3 .card_otr{height:300px;}

.hover_card_section_row .card_otr::after{content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; transform: translateX(100%); z-index: 2;}
.hover_card_section_row .card_otr:hover::after{ transform: translateX(0);}

.hover_card_section_row .card_otr .hover_btn{display: none; }
.hover_card_section_row .card_otr:hover .hover_btn{position: absolute; left: 50%; top: calc(50% - 40px); transform: translate(-50%, -50%); z-index: 3;  width: max-content; max-width: 100%; display: block;}
.hover_card_section_row .card_otr .logo_img{width:fit-content;max-width: 180px; align-self: end;text-align: center; position: absolute;  right: 50%; bottom: auto; transform: translate(50%, -50%); z-index: 3; top: calc(50% + 45px); display: none; /*bottom: 20px; right: 15px; top: auto; left: auto;*/}
.hover_card_section_row .card_otr .main_img{height: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.hover_card_section_row .card_otr .main_img img{display: table; margin: auto; max-height: 100%;}
.hover_card_section_row .card_otr:hover .logo_img{display: block;}
.hover_card_section_row .card_otr .hover_text{display: none; position: absolute; top: 0; width: 100%; left: 0; z-index: 1; background-color: #f9f8f8; cursor: pointer; padding: 6px 10px; height: 100%;}
.hover_card_section_row .card_otr .hover_text p{font-size: 18px;}
.hover_card_section_row .card_otr.activate .hover_text{display: block;}
.hover_card_section_row .card_otr.activate {background-color: #f9f8f8;}
.hover_card_section_row .card_otr.activate{overflow-y: auto;}
.hover_card_section_row .card_otr.activate::after{content: none;}
.hover_card_section_row .card_otr.activate .hover_btn{display: none;}
.hover_card_section_row .card_otr.activate .logo_img{position: static;  transform: scale(0);}
.hover_card_section_row .card_otr .logo_img a{display: none; text-transform: uppercase; color: var(--theme-red);  width: max-content; max-width: 100%; margin: 10px auto 0;}
.hover_card_section_row .card_otr:hover .logo_img a{display: block;}
.hover_card_section_row .card_otr::-webkit-scrollbar { width:1px; } 
.hover_card_section_row .card_otr::-webkit-scrollbar-track {background-color: #ddd;}
.hover_card_section_row .card_otr::-webkit-scrollbar-thumb { background-color: transparent}


.hover_card_section_row .col_inr h5{color: var(--theme-blue); font-size:22px; font-weight: bold;}
.hover_card_section_row .hover_btn_mobile{display: none;}

.hours_of_operation_content {
  display: flex;
  gap: 4px;
}
.img_new {
  margin: -204px 21px 0 -214px;}

  .time_to_get_ahed.bg_water .col_1 {    text-align: left; }

  .time_to_get_ahed_img_row { align-items: start; text-align: left; }
  .time_to_get_ahed.bg_water .img{ width: 380px; margin-left: auto; }
  .time_to_get_ahed.bg_water .logo-img .img{ width: 200PX; position: relative; }
  .time_to_get_ahed.bg_water .logo-img .img img{ position: absolute; right: -210px; top: -80px; }


.time_to_get_ahed {
  padding-top: 50px;
  padding-bottom: 20px;
}

.p_t_140 {  padding: 130px 0px !important;} .def-page{ padding: 110px 0px 20px;} .banner_txt_otr { top: 191px; }
.header_right { width: 30%; margin-left: 40px;
}
.page-template-home .menu_otr { text-align: center; max-width: 500px; width: 100%; }
.menu nav > ul > li { margin-right: 50px; }
.a_btn.btn_header a { line-height: normal; padding: 5px 14px 6px; }
 .a_btn.btn_header  { line-height: 0;}
.header_right.flex{ flex-wrap: nowrap; }
.page-template-home .header_otr .wrapper{ max-width: 1700px; }
ul.overflow { overflow:unset;}