.wrapper{/* max-width: 1920px; */margin: 0 auto;position: relative;}


/* =======mobile screen menu ===== */

  .mobile-top-menu span{cursor: pointer;font-size: 11px;padding: 10px 14px;color: #fff;text-transform: uppercase;-moz-border-radius: 12px;/* background-color: #00a19b; *//* border-radius: 30px; */font-weight: 600;}

  .menubar span{
    transition: background 0s 0.3s;
  }
  .menubar span::after, .menubar span::before{
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s;
  }
  .menubar span::after{
    transition-property: top, transform;
  }
  .menubar span::before{
    transition-property: bottom, transform;
  }
  .menubar.is-active span::after, .menubar.is-active span::before{
    background: #FFF;
    transition-delay: 0s, 0.3s;
  }
  .menubar.is-active span::after{
    top: 0;
    transform: rotate(45deg);
  }
  .menubar.is-active span::before{
    bottom: 0;
    transform: rotate(-45deg);
  }
  #leftMenuPos{
    position: fixed;;
    width: 250px;
    height: 100%;
    background: #7b2566;
    left: -250px;
    top: 0;
    z-index: 99999;
    display: none;
  }
#leftMenuPos ul{padding: 10px !important;text-align: left;padding-bottom: 0 !important; }
#leftMenuPos ul li{ font-size: 14px;line-height: 20px; }
#leftMenuPos ul li a{ color:#fff; }
#leftMenuPos ul li ul.sub-menu{  padding: 10px 15px;}
#leftMenuPos ul li ul.sub-menu li{ display: block; }
#leftMenuPos ul li ul.sub-menu li, #leftMenuPos ul li ul.sub-menu li a{ font-size: 12px;line-height: 20px;color:#fff;font-weight: 600; }
/* #leftMenuPos ul li ul.sub-menu li a:hover{ color: #7b2566; } */
#top-lg-menu{ display: none; }
#leftMenuPos .fa-times{ float: right;padding: 5px;font-size: 16px;color: #fff; }


/* #leftMenuPos ul li.menu-item-has-children{ position: relative; }
#leftMenuPos ul li.menu-item-has-children::after{ position: absolute;right: 0;top: 0;content: "\f107";font-family: 'Fontawesome';font-size: 14px;color: #000; } */

/* ============= */
.top-bar{background-color:#fffdfa;padding:0;margin-bottom: -1px;}

/* .main-menu-div ul li ul::before{content:"";border-bottom:8px solid #f7c24b;border-left:9px solid transparent;border-right:9px solid transparent;position:absolute;top:-8px;left:5px;} */
.showBtn {text-transform: uppercase;line-height: 30px;color: #fff;font-weight: 800;font-size:10px;}
 .showBtn:hover {color: #7b2566;}
 .showBtn .icons{ width: 20px;height: 18px;fill: #00a19b; }
 .showBtn:hover .icons{fill: #7b2566;}
 .overlaySearch {height: 240px;width: 100%;display: none;position: absolute;z-index: 9999;bottom: -200px;left: 0;background-color: RGBA(125,38,104,0.9);/* opacity: 0.9; */transform: translate(0%, 0%);}
 .showBtn{ position:relative; }
 /*.showBtn::before{position: absolute;content: "\f002";left: 20px;top: 5px;font-family: 'Fontawesome'; }*/
 .searchBar {position: relative;top: 46%;max-width: 780px;text-align: center;margin:0 10px;background-color: #fff;border-radius: 5px;}
 .searchBar form{display: flex;align-items: center;justify-content: center; }
 .searchBar h3{position: absolute;top: -50px;color: #fff;text-transform: capitalize;font-size: 20px;font-weight: 600;}
 /*.overlaySearch .hideBtn {position: absolute;top: 20px;right: 45px;font-size: 60px;cursor: pointer;color: #fff;}*/
 .overlaySearch .hideBtn {/* position: absolute; *//* top: 20px; */right: 45px;font-size: 15px;cursor: pointer;color: #7b2566;width: 15px;height: 15px;background-color: #fff;border-radius: 50%;line-height: 15px;display: inline-block;margin-right: 5px;}
 .overlaySearch .hideBtn:hover {opacity: 1;}
 .overlaySearch input[type=text] {padding: 0 20px 0 50px;font-size: 16px;border: none;width: 100%;background: transparent;color: #000;position:relative; /* margin-bottom: 10px; */}
 .searchBar::before{ position:absolute;content:"\f002";left: 20px;top: 5px;font-family: 'Fontawesome';color: #d8d6d9;font-size: 20px; }
 .overlaySearch input[type=text]::placeholder{ color: #000;font-size: 12px !important;font-weight: 500;text-align: left; }
 .overlaySearch button{ border-color: #00a19b;border-radius: 5px;}
 .overlaySearch button:hover{ background-color:#7b2764;}
 .closebtn{ position: absolute;right: 5px;margin-top: 10px;color: #fff;text-transform: uppercase;font-weight: bold;font-size: 12px;cursor: pointer; }
    
/* ========== */
/* .top-bar{ display: none; } */
.top-bar.darkHeader{display: block; position:fixed;top:-1px;left:0;width:100%;animation-name:fadeInDown;animation-duration:1s;animation-delay:0s;z-index:999;padding:10px;-webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.18);-moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.18);box-shadow:0px 5px 5px 0px rgba(0,0,0,0.18);font-size:20px;}
/* .top-bar.darkHeader .has-search .form-control-feedback{ top: 0; } */
.top-bar.darkHeader .form-group{ margin-bottom: 0; }
.top-bar.darkHeader .menu{ padding: 0; }
.top-bar .container-fluid{ padding-right: 0;padding-left: 0; }
.padd-0{ padding: 0; }

.topbar_sec{ padding:10px 0;}
/* ============= */
.logo{ padding: 10px 0;text-align:center; }
/* .logo img{ max-width: 300px; } */
.topBar{ text-align: center;background-color: #fffdfa;} 
/* .tollfree span{ display: block;font-size: 16px;font-weight: bold;color: #5b6770;text-align: left; }
.tollfree a{ font-size:14px;font-weight: bold;color: #5b6770;  }*/
.tollfree a:hover{ color: #00a19b; } 
.donate_Sec .btn{ /*font-size:17px;font-weight: bold;padding: 15px;*/background-color:#7b2566;box-shadow: none; }
.donate_Sec .btn:hover{ background-color:#00a19b; }
.donate_Sec{ display: flex;justify-content: space-between;align-items: center;}
.has-search .form-control{ border: none; }
.has-search .form-control:active,.has-search .form-control:focus{ border: 1px solid #283e56; }
.has-search .form-control::-webkit-input-placeholder{ text-align: right;color: #283e56 !important;font-size:16px;font-weight: 600;padding-right: 30px; }
.has-search .form-control-feedback {position: absolute;right: 0; z-index: 2;right: 30px;top: 5px; }
.form-control-feedback .icons{ width: 15px;height: 15px;fill: #283e56; }
/* --------- */
.banner{ position: relative; }
.banner img{ vertical-align: text-top; }
.banner_txt{ background-color: #7b2566;padding: 20px;}
.banner_txt h2 {text-transform:uppercase;font-size:24px;}
.banner_txt h2 small {font-size: 30px}
.containerx{ width: 100%;margin: 0 auto;}
/* .apply_btn{ background-color: #7b2566;padding:0 20px; } */
.btn-apply{ border-radius: 2px;padding: 10px 20px;box-shadow: 0 0 0 5px #fff; }

.homeBtn{ display: flex;justify-content: space-around;align-items: center;padding: 20px 0;}
/* ============= */ 
#mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after{content: "\f0d7" !important;font-family:'Fontawesome' !important;  }
#mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator::after{content: "\f0d8" !important;  }
#mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-1:after{  content: "\f0c9" !important;font-family:'Fontawesome' !important; }
#mega-menu-wrap-top .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after{ content: "\f00d" !important; }
.menu ul li{display: inline-block;list-style: none;padding: 0 10px;}
#mega-menu-item-1334 a {background-color: #7b2566 !important;}
#mega-menu-item-18623 a {background-color: #7b2566 !important;}

/* .menu{padding: 10px 0;} */
.top-menu {display: flex;justify-content:space-between;align-items: center;flex-wrap: wrap-reverse;background: #00a19b;}
.top-menu nav ul li a{text-transform: uppercase;color: #fff;}
/*.top-menu nav ul li a:hover{ color: #7b2566; }*/
.menu ul li, .menu ul li a {font-size: 10px;color: #00a19b;font-weight: 600;position:relative;}
.menu ul li:hover ul{list-style: none; display: block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease; z-index: 90;max-width: 250px; padding: 5px;}
.menu ul li ul{position: absolute;width: auto;background-color: #009688;display: none;/* box-shadow: 2px 2px 10px #000; */}
.menu ul  li ul li{padding-right: 10px;padding-left: 10px; margin-bottom: 2px;display: block;text-align: left;}
.menu ul li ul li:hover{padding-right: 10px; padding-left: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #7b2566;
    border-radius: 3px;
}
.menu ul li ul li a{ font-weight: 600; }
.menu ul li ul li:hover a{color: #fff; }
.menu ul li ul li a, .menu ul li ul li{color: #fff;font-size: 12px;line-height: 30px;}
.menu ul li ul li a {display: block;}
    .menu ul.sub-menu li a{ padding:0;border:none; }
    .menu ul.sub-menu li a::before{ display:none; }
/* .menu ul li:last-child ul{margin-left: -52px;} */

    .banner-menu{ position: absolute;right: 20px;top: 20px; }
    .top-menu ul{ list-style: none; }

    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {font-size:14px;padding: 20px 8px; line-height: initial;height: auto; }    .top-bar #mega-menu-wrap-top #mega-menu-top{ text-align:center; }
    .top-bar #mega-menu-wrap-top{ background:#00a19c; }
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu { background-color: #00a19b;padding: 10px 10px 10px 25px; }
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{ background-color: #7b2566;color: #fff;border-radius: 3px;  }
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background-color: #007d78;color: #fff;margin-bottom: 5px;line-height: 25px;padding: 5px;}
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu { background-color: #00a19b;    padding: 10px 20px;}
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{ padding: 0; }
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{ color: #fff; font-size: 14px;font-weight: 500;padding: 10px;text-transform: capitalize;}
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover{ background-color: #7b2566;color: #fff; border-radius: 3px;}
    .top-bar #mega-menu-wrap-top .mega-menu-toggle{ background-color: inherit; }
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover{ background-color: #7b2566;  }
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link{ background-color: #7b2566; }
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{ background-color: #7b2566; }
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{ background-color: #7b2566;  }

    .top-bar .lb-search .icons{margin-top:10px;}
    .top-bar.darkHeader .lb-search .icons{margin-top:-2px;}
    .top-bar.darkHeader .main-menu-nav .menu-toggler{ border-color: #000; }
    .top-bar.darkHeader .main-menu-nav .menu-toggler::before,
    .top-bar.darkHeader .main-menu-nav .menu-toggler::After { background: #000; }
    .top-bar.darkHeader { padding: 0;}
    .top-bar.darkHeader .container-fluid { padding: 0;}

#mega-menu-item-409 a {background-color: #7b2566 !important;}





@media (max-width:576px){ 
    /* .top-menu{ margin-bottom: 10px; text-align: center;} */
    a{ word-break: break-all; }
    .top-bar.darkHeader .container-fluid{ padding: 0; }
    .menu ul li{ padding: 0 10px 0 0; } 
    .donate_Sec{padding: 10px 0; }
    /* .top-menu{ padding-bottom:15px; } */
    
 }
 @media (max-width:767px){ 
    .showBtn {cursor: pointer;font-size: 11px;padding: 2px 14px;color: #fff;text-transform: uppercase;-moz-border-radius: 12px;background-color: #7b2566;/* border-radius: 30px; */font-weight: 600;}
    .showBtn:hover{ color:#fff; }
    /*.donate_Sec{ position: absolute;top:175px;z-index: 99;width: 70%;padding: 0 !important; }*/
    .tollfree{ display: flex;align-items: center; }
    .tollfree span,
    .tollfree a {font-weight: 600;padding-right: 5px;}
    .donate_Sec .btn {font-size: 10px;padding: 10px;}

}

 @media (max-width:1199px){ 
    .top-bar #mega-menu-wrap-top .mega-menu-toggle + #mega-menu-top{ background-color: inherit; }
 }
/* ============= */
@media (min-width:500px){
    
    .searchBar::before{ top:10px; }
}
@media (min-width:576px){ 
    .menu ul li:hover ul{ width: 250px; }
    .top-bar.darkHeader{padding:0 ;}
    /* .top-bar.darkHeader .main-menu-nav .menu-toggler{margin:6px 5px 0 0;top: 0;} */
    .darkHeader #searchButton{ top: 0; }
    .darkHeader .searchForm .search-text{ top: 0; }
    /* .searchForm .search-text.inputFieldshow{ width: 270px; } */
    .left-menu{ display: flex;justify-content: flex-end;align-items: center; }
    /* .top-menu {padding-bottom: 20px;margin-bottom: 0;text-align: left;} */
    /* #searchButton, .searchForm .search-text{ top: 0; } */
    .top-menu{ padding-bottom: 0; }    
    .overlaySearch input[type=text]::placeholder{ font-size: 40px; }
}

@media (min-width:768px){  
    #top-lg-menu {display: block;}
    .containerx {max-width: 720px;}
    .logo{ padding: 0; }
    .topBar{ /*display: flex;justify-content: space-between;align-items: center;*/ padding: 10px 20px 15px;}
    .tollfree{ /*float: left;*/padding-right: 10px;line-height: 30px; }
    .tollfree a {font-size: 14px;font-weight: 700;color: #5b6770;}
    .tollfree span{font-size: 16px;text-align: right;line-height: 16px;display: block;font-weight: 700;color: #5b6770; }
    .top-menu{ justify-content: center; } 
    /* .banner_txt{padding:0; background-color: transparent;position: absolute;bottom: 0;} */
    /* .apply_btn{ background-color: transparent;position: absolute;bottom: 4px;left: 25%; } */
    .btn-apply{box-shadow: 0 0 0 10px #fff; border-bottom: 0;border-radius: 5px 5px 0 0; }
    .top-menu ul{ margin-bottom: 0; }
    .menu ul li a{padding: 0 6px 0px 12px;  }
    .top-menu nav ul li a{text-transform: uppercase;border: 2px solid transparent;padding: 11px;margin: 0 5px;position: relative;font-weight: 600;}
    .menu ul li a:hover{border-bottom: 2px solid #1e9cab;/* border-radius: 20px; *//* padding: 6px 2px 6px 15px; *//* background: #f1f1f1; */}
.menu ul li a::before {position: absolute;left: -10px;top: 10px;font-family: "Font Awesome 6 Pro";color: #fff;}
.menu ul li::after{width:100%;background-color:red;border:2px solid #000;/* content:""; *//* height:100%; */border-top: 2px solid #000;/* top: 0; *//* left: 0; */}
.menu-item-184 a::before {content: "\f015";}
.menu-item-185 a::before {content: "\f05a";}
.menu-item-1165 a::before {content: "\f15c";}
.menu-item-1164 a::before {content: "\f27a";}
.menu-item-186 ::before {content: "\f098";}

.menu-item-1122 a::before {content:"\f781";}
.menu-item-1605 a::before {content: "\f007";}
.menu-item-16547 a::before {content: "\f270";font-family: "Font Awesome 6 Brands" !important;!i;!;}

    .menu ul.sub-menu li a{ padding:0;border:none; }
    .menu ul.sub-menu li a::before{ display:none; }
    .menu ul li{margin-bottom: 0;padding: 0;border: 2px solid transparent;border-radius: 20px;}
    .menu ul li.menu-item-1122 a, .menu ul li.menu-item-1122 a:hover{ border-bottom: 2px solid transparent; *//* border-radius: 20px; */}
    .menu ul li.menu-item-1122 a:hover{ border-bottom: 2px solid #7b2566; }
    .menu ul li.menu-item-1122 a{}
    .mobile-top-menu{ display: none; }
    .top-menu ul{ padding: 0 10px; }
    .searchBar{ margin:auto !important; }
    .showBtn::before {position: absolute;content: "\f002";left: -15px;top: 1px;font-family: 'Fontawesome';}
}
@media (min-width:991px){ 
    .containerx {max-width: 960px;padding: 0 20px;}
    .btn-apply{ font-size: 18px;padding: 20px 35px !important; }
    .tollfree{ position: relative; }
    .banner_txt h2{ font-size:60px; }
    .menu ul li{/* padding: 0 3px 0px 15px; */}
    .menu ul li a, .showBtn{   font-size: 12px;}
    /* #searchButton{ top: 100%;right: 20px; }
    .searchForm .search-text{ right: 15px;top: 100%; } */
    /* .top-menu { justify-content: flex-start; } */
}

@media screen and (min-width: 991px) and (max-width: 1300px) {
    /* .top-menu{ display:inherit; } */
    .topBar {padding: 10px 0 15px;}
    .topBar .col-lg-5{ padding:0; }
 
}

@media (min-width:1199px){ 
    .col--1{width: 20%;float: left;}
    .col--2{width: 60%;float: left;}
    .col--3{width: 20%;float: left;}
    .topbar_sec {display: flex;align-items: center;}
    /* .donate_Sec{justify-content: space-evenly;} */
    .menu ul li a{ font-size:10px; }
    .donate_Sec .btn{ padding: 15px; }
    .overlaySearch{ bottom: -180px; }
    .showBtn.aftershape{ color: #7b2566; }
    .aftershape::after{ position:absolute;content:"";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid #7b2764;top: 55px;right: 10px;}
}
@media (min-width:1200px){ 
    .containerx {max-width: 1200px;}
    .banner img{ width: 100%; }
    .menu ul li{/* padding: 0 10px 0 0; */}
    .top-bar span.mega-indicator {display: none !important;}
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu{padding: 10px; }
  
}
@media (min-width:1300px){
    /* .menu ul li{ padding: 0 15px; } */
.top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link,
.top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
.top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{/* font-size: 14px; */}
.menu ul li a{font-size: 11px;}
}

@media (min-width:1450px){
    .aftershape::after{ top:60px; }
    
}

@media (min-width:1500px){
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link,
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size: 16px;padding: 10px;}
    .top-bar.darkHeader .main-menu-div>ul>li { margin: 0 15px; }
    .btn-apply{ font-size: 24px; }   
      .top-menu{ flex-wrap: nowrap; }
      .menu ul li a, .showBtn {font-size: 13px;}
      .menu ul li a::before{/* top:0; */}
 }
 @media (min-width:1600px){
    
    .top-bar #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{padding: 20px 15px;}
    
     }


/*Banner Popup css */

.popup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 9999;}
.popup-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;padding: 20px;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);max-width: 90%;max-height: 90%;}
.close-popup {position: absolute;top: 10px;right: 10px;color: #00a19c;border: none;border-radius: 50%;width: 30px;height: 30px;cursor: pointer;}
#popup-video {width: 100%;height: 315px;border: none;}