 /*!
Theme Name: Alphavima
Theme URI: http://alphavima.com/
Author: Alphavima.com
Author URI: http://alphavima.com/
Description: Description
Version: 1.0.1
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: alphavima
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Alphavima is based on Underscores https://alphavima.com/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Compiled Less CSS File *//* Generated from "style.css" */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,strike,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;max-width: 100%;height: auto;}
svg:not(:root) {overflow: hidden;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smooth: always;-webkit-text-size-adjust: 100%;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
/* =Default Tag & General Classes
========================================================================================*/
html,body {min-width: 320px;}
body {margin: 0;padding: 0;font: 16px/25px 'Poppins', serif;  color: #707070; background:#EEEEEE ; font-weight: 400;}
img {max-width: 100%;-ms-interpolation-mode: bicubic;vertical-align: middle;}
a,input[type="button"],input[type="submit"],button {outline: 0 none;-moz-transition: background-color 0.2s ease-in, color 0.2s ease-in;-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;-o-transition: background-color 0.2s ease-in, color 0.2s ease-in;-ms-transition: background-color 0.2s ease-in, color 0.2s ease-in;transition: background-color 0.2s ease-in, color 0.2s ease-in;}
a {color: #0047BA;outline: 0 none;-moz-transition: background-color 0.2s ease-in, color 0.2s ease-in;-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;-o-transition: background-color 0.2s ease-in, color 0.2s ease-in;-ms-transition: background-color 0.2s ease-in, color 0.2s ease-in;transition: background-color 0.2s ease-in, color 0.2s ease-in;}
a:hover {color: #141414;text-decoration: none;outline: 0 none;}
a:active {outline: 0;}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {a:active {    background-color: transparent;}
}
p {margin: 0 0 15px 0; }
h1,h2,h3,h4,h5 {font-weight: 700;}
h1,h2,h3,h4,h5,h6 {line-height: 100%;margin-bottom: 15px;color: #3f3f3f;font-family: 'Poppins', serif;font-weight: 600;}
.lightBg h1, .lightBg h2,.lightBg h3,.lightBg h4,.lightBg h5,.lightBg h6{color: #1E1E1E;}
h1 {font-size:60px;line-height:1.3;text-transform: none;color: #ffffff;position: relative;font-weight: 600; }
h2 {font-size: 48px;line-height:1.3;text-transform: none; color: #3f3f3f; }
h3 {font-size: 24px;line-height: 1.3; text-transform: none;}
h4 {font-size: 20px;line-height: 1.3;text-transform: none;}
h5 {font-size: 18px;line-height: 1.3;text-transform: none;}
h6 {font-size: 16px;line-height: 1.3;text-transform: none;}
h2.white-color{color:#fff; text-shadow: none; font-size: 52px;  line-height: 150%;}
.mobile-show{display: none;}
.hidden{display: none !important;}
/* =Typography
========================================================================================*/
#wrapper {width: 100%;min-width: 100%;overflow: hidden;}
.container {max-width: 1470px !important;width: 100%;padding: 0 15px;}

/****************header**********************/
.headerBg {position: absolute;left: 0; top: 0; width: 100%; z-index: 111; border-bottom: 1px solid rgba(47,192,232,0.5); padding:12px 0; }
.headerBg .container{max-width: 1470px;}
#topbar{font-size:14px;transition:all .5s;z-index:999; position:relative; padding:8px 0;}
#topbar .social-links{justify-content: flex-end;}
#topbar .social-link a{color:#192c88; transition:.3s;margin-left:15px}
#topbar .social-link a:hover{color:#192c88;}
#topbar .social-links .signin ul li a{text-decoration:none; color:#fff;}
#topbar .social-links .signin ul li ul li a{color:#333;text-decoration:none} 
#topbar .signin ul li{padding-left:10px;}
.header{padding: 0; margin: 0;}
.header-wrap{justify-content: space-between; display: flex; align-items: center;}
.signin ul{ margin:0px; padding-left: 0;}
.fixed{position:fixed;top:0;left:0;width:100%; transition:all .1s; min-height:70px; background:#fff;}
.fixed #header{transition:all .5s;z-index:97;padding:1px 20px 0;margin-top:0;min-height:60px;transition:all .1s}
#header{padding: 0; border-bottom: 0 none;}
.nav-menu ul{margin:0;padding:0;list-style:none;}
.nav-menu>ul{display:flex;padding-top:0px}
.nav-menu>ul>li{position:relative;white-space:nowrap;display:block}
.nav-menu a{display:block;position:relative;color:#254A5C;transition:.3s;font-family:"Poppins",sans-serif;font-size:15px;font-weight:500;line-height:28px;margin:0;padding:8px 20px;text-decoration:none}
.nav-menu li a i{font-size:8px;vertical-align:middle;font-weight:normal;margin-top:-3px}
.nav-menu>ul>li.main-logo-desk>a:before{display:none}
.nav-menu a:hover:before,.nav-menu li:hover>a:before,.nav-menu .active>a:before{visibility:visible;width:100%}
.nav-menu a:hover,.nav-menu .active>a,.nav-menu li:hover>a{color:#192c88;}
.nav-menu .dropdown ul{box-shadow:0 3px 12px 0 rgb(0 0 0 / 5%); display:block;position:absolute;left:14px;top:59px;z-index:99;opacity:0;visibility:hidden;padding:5px 0;border:solid 1px #f1f1f1;background-color:#ffffff;transition:.3s;border-radius:5px}
.nav-menu .dropdown ul.dropArrow{margin-left:-50%}
.nav-menu .dropdown ul.dropArrow::before{width:12px;height:9px;content:'';position:absolute;top:0;top:-9px;left:50%;margin-left:-6px}
.nav-menu .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}
.nav-menu .dropdown li{ position:relative; }
.nav-menu .dropdown ul a{padding:10px 20px;font-size:14px;font-weight:400;text-transform:none;color:#444;margin:0;line-height:18px}
.nav-menu .dropdown ul a i{position:absolute;right:10px;top:14px}
.nav-menu .dropdown ul a:hover,.nav-menu .dropdown ul .active>a,.nav-menu .dropdown ul li:hover>a{background:#F9F9F9;color:#444}
.nav-menu .dropArrow .dropdown>a:after{content:"";padding-left:5px;font-size:1.2rem;width:9px;height:10px;display:inline-block;margin-left:5px;position:relative;position:absolute;right:15px;top:14px}
.nav-menu .dropdown .dropdown ul{top:0;left:calc(100% - 30px)}
.nav-menu .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%}
.nav-menu .dropdown .dropdown>a{padding-right:35px}
.nav-menu>ul>li a i.fa-home{font-size:16px}
 .dropdown-menu{ border-radius:5px;}
.nav-menu ul li:last-child{background:var(--main-color); padding: 0px 10px !important;border-radius:4px;color:#fff;transition:none;font-size:14px;font-weight:600;transition:.3s}
.nav-menu ul li ul li:last-child{background:none; border:none; margin-left: 0px !important; padding: 0px !important; }
@media (max-width: 1366px) {
.nav-menu .dropdown .dropdown ul{right:-90%}
.nav-menu .dropdown .dropdown:hover>ul{right:-100%}
.nav-menu a{padding:8px 10px}
}
.mobile-nav-toggle{position:absolute;border:0;right:10px; transition:all .4s;outline:none!important;line-height:1;cursor:pointer;background:none;margin:15px 5px 0 15px;padding:0;float:left;display:none}
.mobile-nav-toggle i{color:#fff;font-size:20px}
.mobile-nav{position:fixed;top:0;bottom:0;left:auto;z-index:9999;overflow-y:auto;background:#fff;transition:ease-in-out .2s;opacity:0;visibility:hidden;border-radius:0;padding:5px 0;margin-left:-5px;width:300px;box-shadow:0 4px 125px 0 rgba(0,0,0,0.1);margin:0;padding:0;list-style:none}
.mobile-nav a{display:block;position:relative;text-transform:uppercase;font-weight:600;font-size:13px;color:#2d2a2a;border-bottom:1px solid rgba(129,129,129,.2);padding:11px 20px;outline:none}
.mobile-nav .active>a{background:#fff;opacity:1;color:#333;text-decoration:none;font-weight:bold}
.mobile-nav li.dropdown i{float:right;border-left:1px solid rgba(129,129,129,.2);padding:15px;margin-top:-12px}
.mobile-nav .dropdown>a{padding-right:5px;background:#fff;opacity:1;color:#333;border-bottom:1px solid rgba(129,129,129,.2)}
.mobile-nav .dropdown ul{display:none;background:#fff}
.mobile-nav .dropdown ul li a{color:#777;opacity:1;font-size:14px;font-weight:600;border-bottom:1px solid rgba(129,129,129,.2)}
.mobile-nav-overly{width:100%;height:100%;z-index:9997;top:0;left:0;position:fixed;background:rgba(0,0,0,0.7);overflow:hidden;display:none;transition:ease-in-out .2s}
.mobile-nav-active{overflow:hidden}
.mobile-nav-active .mobile-nav{opacity:1;visibility:visible}
.mobile-nav-active .mobile-nav-toggle i{color:#000}
.mobile-nav .dropdown ul li.dropdown.active a{color:#333;font-weight:500}
.mobile-nav .dropdown ul li.dropdown ul li a{color:#777!important;font-weight:600!important}
.mobile-nav .dropdown ul li.dropdown>a:after{top:20px;content:" ";width:14px;height:8px;padding-left:10px;position:absolute;right:15px}
.mobile-nav .dropdown ul li.dropdown.active>a:after{top:20px;content:" ";width:14px;height:8px}
@media (max-width:1023px) {
.nav-menu{display:none}
}
@media (max-width: 991px) {
.mobile-nav-toggle{display:block}
.navbar ul{display:none}
}
@media (max-width:768px) {

#header .logo img{margin-top:10px;margin-left:0;height:45px}
.fixed #header .logo img{margin-top:8px;height:45px}
.donate-btn{width:100px;margin-top:10px}
a.donate-btn{color:#fff}
.fixed #header{padding:0px; }
}
.signin{display: flex; gap: 0 10px;}
.signin ul{margin: 0; padding: 0; list-style: none;}
.signin a{color: #254A5C; font-weight: 600; text-decoration: none;}
.signin a:hover{color: #0047BA;}
/************************Hero*****************/
#hero{background: #F5FAFE;
background: radial-gradient(circle,rgba(245, 250, 254, 1) 0%, rgba(227, 239, 255, 1) 50%, rgba(227, 239, 255, 1) 100%); position: relative; padding: 200px 0 150px; overflow: hidden;}
#hero:after{ content: "";
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: 150%;
  background: #3498db; /* your color */
  transform: skewY(-5deg);
  z-index: -1;}
#hero::before{position: absolute; width:50%; height: 200vh; border-radius: 50% 0 0 50%; position: absolute; right: -10%; top: 0; content: ""; background: rgba(52,202,253,0.15); }
#hero .banner-img{margin-bottom: -20px; position:relative; z-index: 11;}
#hero h1{font-size: 56px; font-weight: 700; color: #283947;}
#hero h2 {font-size: 40px; color: #2fc0eb; font-weight: 700;}
#hero h5{font-size: 20px; color: #777777;}
.banner-btn-wrap{margin-top: 25px;}
.header .signin .dropdown-menu{right: 0 !important; left: auto !important; top: calc(100% + 14px) !important; transform: none !important; position: relative;}
.header .signin .dropdown-menu:before{border-right:7px solid transparent; border-left:7px solid transparent; border-bottom:10px solid #ccc; content: ""; position: absolute; right:20px; top: -11px;}
.header .signin .dropdown-menu li{padding: 10px 10px; border-bottom: 1px solid #ccc; font-size: 14px;}
.header .signin .dropdown-menu li#signout-url{border: 0 none;}
.header .signin .dropdown-menu li.divider{display: none !important;}
.header .signin a{display: block;}
/**************************content Part*********************/
.site-main .entry-content{padding: 0 0;}
aside.widget-area{display: none; }
.center-title h2{position: relative; font-weight: 700; padding-bottom: 18px;}
.center-title h2:after{background: #c60000; width:100px; height:4px; content: ""; left: 50%; bottom: 0; transform: translateX(-50%); position: absolute;}
/**************************Membership Page list*********************/
.navinner ul{border-bottom: 2px solid #ccc; display: flex; background: #f6f6f6; margin: 0; padding: 0; border-radius: 15px 15px 0 0; overflow: hidden; display: none;} 
.navinner ul li a{padding: 15px 35px;  display: block; color:#454545; text-decoration: none; font-size: 18px; line-height: 24px; font-weight: 600;} 
.navinner ul li.active a, .navinner ul li a:hover{background: #254A5C; color: #fff;}
.navinner {margin-bottom: 40px;}
  /*************************common-section*************/
  .common-section{padding: 90px 0;}
  .client-logo{position: relative; padding: 50px 20px 40px; overflow: hidden; background: #fff; border-bottom: 1px solid #ccc;}
  .client-logo h2{text-align: center; font-size: 44px; font-weight: 700; margin-bottom: 40px; color: #283947;}
   .client-logo .logoslider{z-index: 11;}
.client-logo:after{background: #F5FAFE; background: linear-gradient(180deg,rgba(245, 250, 254, 0) 0%, rgba(255, 255, 255, 1) 76%); position: absolute; left: 0; bottom: 0; content: ""; height: 70px; width: 100%;}
.logoslider .swiper-pagination{display: none !important;}
.logoslider .client-inner{text-align: center;}
.page > .entry-content{padding: 120px 0;}
.home .page > .entry-content{padding: 0 0;}
.subtitle{font-weight: 600; color:#2fc0eb; text-transform: uppercase;}  
/***************************blog section Home page**************/
.content.common-section h2{ text-align: center; margin-bottom: 30px; font-weight: 700; font-size: 40px; font-size: 40px;}
.programs-txt{ box-shadow: 0px 0px 12px #00000063;}
.programs-txt .programs-img{position: relative; padding-top: 56.25%; overflow: hidden; margin-bottom: 0;}
.programs-txt .programs-img img{object-fit: cover; position: absolute; min-height: 100%; min-width: 100%; object-position: center; top: 0; left: 0;}
.programs-txt .program-desc{padding: 20px; margin-bottom: 24px;}
.common-section .subtitle{margin-bottom: 10px;}
.programs-txt .program-desc p{margin-bottom: 24px;}
.common-section p a.showmore{color:#23455C;}
.about-us-section h2{padding-left:24px; position: relative; font-size: 40px; font-weight: 700; margin-bottom: 24px;}
.about-us-section h2:before{background: rgb(180, 0, 0); width: 5px; height: 100%; content: ""; position: absolute; left: 0; top: 0;}
.about-us-section p{font-size: 20px; margin-bottom: 30px;}
/********************Ferature*********************/
.homefeatures{background: #f2f2f2; border-radius: 0 250px 0; padding: 70px 0 120px;}
.homefeatures  h2{text-align: center; margin-bottom: 40px;}
.prodcutslider .productTxt{padding: 30px; text-align: center; position: relative;}
.prodcutslider .productTxt img {margin-bottom: 20px;}
.prodcutslider .productTxt h5{font-size:28px; margin-bottom: 16px; font-weight: 700;}
.prodcutslider .productTxt:before{background: #F5FAFE;background: linear-gradient(180deg,rgba(245, 250, 254, 0) 0%, rgba(204, 204, 204, 1) 50%, rgba(255, 255, 255, 0) 99%); position: absolute; right: -30px; top: 0; width: 3px; height: 100%; content: "";}
.homefeatures h2{font-size: 40px;}
.prodcutslider .productTxt h5 + p{margin-bottom: 30px;}
.about-page-content{padding: 0;}
.about-page-content h2{font-size: 40px; margin-bottom: 24px; font-weight: 700;} 
.about-page-content .center-content{margin: 40px auto 0; max-width: 700px; text-align: center; background: #f2f2f2; padding: 30px;  border-radius: 30px;}
.center-content .img-center{margin-bottom: 20px;}
.page-heading h1{font-size: 40px; margin-bottom: 24px; font-weight: 700;} 
.supportersmain ul{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 30px;}
.supportersmain ul li{flex: 0 0 calc(25% - 30px); max-width: calc(25% - 30px);}
.support-content{text-align: center;}
.work-content .work-img{position: relative; padding-top: 56.25%; overflow: hidden; margin-bottom: 20px;}
.work-content .work-img img{object-fit: cover; position: absolute; min-height: 100%; min-width: 100%; object-position: center; top: 0; left: 0;}
.work-content .work-txt{padding:0 30px 30px;}
.work-content .work-txt p:last-child{margin-bottom: 0;}
.newsTxt{margin-bottom: 30px;}
.newsTxt .news-img{position: relative; padding-top: 56.25%; overflow: hidden; margin-bottom: 20px;}
.newsTxt .news-img img{object-fit: cover; position: absolute; min-height: 100%; min-width: 100%; object-position: center; top: 0; left: 0;}
.newsTxt .news-desc{padding:0 30px 30px;}
.newsTxt .news-desc p:last-child{margin-bottom: 0;}
/***************************membership box************/
.membership-box{position: relative; box-shadow: 0px 0px 12px #00000063; overflow: hidden; margin-bottom: 30px;}
.membership-img{position: relative; padding-top: 56.25%; overflow: hidden; margin-bottom: 20px;}
.membership-img img{object-fit: cover; position: absolute; min-height: 100%; min-width: 100%; object-position: center; top: 0; left: 0;}
.membership-offers{background: rgb(180, 0, 0); position: absolute; left: 0; z-index: 11; padding: 8px 19px; border-radius: 0 8px 8px 0; color: #fff; font-size: 20px; font-weight: 700; top: 10px;}
.membership-offers p{margin-bottom: 0;}
.membership-offers sup{font-size: 14px; font-weight:600;}
.memership-plan{position: absolute;  bottom: 0; left: 0; padding:10px 16px; color: #fff; background: rgba(0, 0, 0, 0.5); width: 100%;}
.memership-plan .planname-txt{font-size: 14px; margin-bottom: 0;}
.membership-details-wrap{padding: 0 20px 20px;}
.memership-plan .price-div{font-size: 24px; font-weight: 700;}
.membership-benefits{background: #f6f6f6;}
.membership-benefits h3{font-size:18px; cursor: pointer; font-weight: 600; border-bottom: 2px solid #ccc; background: #f6f6f6; padding: 10px; position: relative;}
.membership-benefits h3:after{content: "+"; color: #454545; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-weight: 600; font-size: 24px;}
.membership-benefits h3.active:after{content:"-";}
.membership-benefits ul{margin: 0; display: none; padding: 0; list-style: disc outside; padding: 0 10px 10px 10px; margin-left: 15px;}
.membership-benefits ul li{list-style: disc outside; margin-bottom: 5px;} 
.box-btn-wrap{margin-top: 20px; display: flex; gap:0 10px; align-items: center;}
.box-btn-wrap .btn, .box-btn-wrap .plans-btn{flex: 1; text-align: center;}
.box-btn-wrap .btn{background-color: #EC6880; font-family: "Poppins", Sans-serif; font-size: 14px; font-weight: 600; line-height: 18px; color: #FFFFFF;
  border-style: solid; border-width: 1px 1px 1px 1px; border-color: #EC6880; border-radius: 8px; padding: 12px 15px 12px 15px;}
.box-btn-wrap .btn:hover{color: #EC6880; background: #fff0; border-color:#EC6880 ;}  
.plans-btn{background-color: #254A5C; text-decoration: none; font-family: "Poppins", Sans-serif; font-size: 14px; font-weight: 600; line-height: 18px; color: #FFFFFF;
  border-style: solid; border-width: 1px 1px 1px 1px; border-color: #254A5C; border-radius: 8px; padding: 12px 15px 12px 15px;}
  .box-btn-wrap .plans-btn:hover{color: #254A5C; background: #fff; border-color:#254A5C ;} 
  .adult-txt{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical; min-height: 100px;}
  .membership-list h2{margin-bottom: 40px;}
.plan-title-offer-wrap{position: relative; padding-right:80px; margin-bottom: 15px;}  
.plan-title-offer-wrap .offer-details{position: absolute; padding: 10px 5px; display: flex; align-items: center; justify-content: center; right: 0; flex-wrap: wrap; top: -20px; background: url(img/offer-bg.svg) center no-repeat; width:76px; height: 105px; background-size: contain;}
.plan-title-offer-wrap .offer-details span{ display: block; font-size: 20px; line-height: 30px; font-weight: 400; text-transform: uppercase; width: 100%;}
.plan-title-offer-wrap .offer-details p{margin-bottom: 0; text-align: center; font-size: 30px; line-height: 1; color: #fff; font-weight: 700;}
.plan-title-offer-wrap .plan-title{max-width:275px;}
.plan-title-offer-wrap .plan-title h3{font-size:22px; color:#57819B; line-height: 33px; font-weight: 600; padding-bottom:8px; margin-bottom:0; border-bottom: 1px solid #57819B;}
.plan-title-offer-wrap .plan-title .price-div{color: #254A5C; font-size: 42px; font-weight: 700; line-height: 63px;  display: block; }
.plan-title-offer-wrap .plan-title .price-div sup{font-size: 26px; line-height: 39px; font-weight: 500; color:#254A5C; margin-right: 5px;}
.benefits-popup-btn{margin:20px 0 30px;}
.benefits-popup-btn a{background: #186598; background: linear-gradient(0deg,rgba(24, 101, 152, 1) 0%, rgba(20, 71, 130, 1) 100%);border:0 none; border-radius: 5px; color: #fff !important; font-size: 16px; line-height: 30px; text-decoration: none; display: inline-block; color: #254960; padding: 9px 63px 9px 17px; font-weight: 600; position: relative;}
.benefits-popup-btn a span{position: absolute; right: 0; top: 0; height: 100%; width:45px; border-left: 0 none; justify-content: center; align-items: center; background: #F6FAFF; display: flex;}
.btn {background:#23455C  !important; color: #fff !important; font-size: 22px; line-height: 33px; border-radius: 0 !important; padding: 14px 25px !important; border: 1px solid #23455C !important; color:#FFFFFF;}
.btn:hover{background: #fff !important; border: 1px solid #23455C !important; color:#23455C !important;} 
.btn.secondary-btn{color: #222222 !important; background: #F6FAFF !important; border:1px solid #8EB9D5 !important;}
.btn.secondary-btn:hover{background: #222 !important; color: #fff !important;}
.benefits-list .modal-content{padding: 0px 20px;}
.benefits-list .modal-header{border-bottom: 0 none !important; padding-bottom: 0;}
.benefits-list .modal-header .close{background: #CF1A3A !important; font-size: 42px; line-height: 42px; width: 50px; height: 50px; border: 1px solid #CF1A3A !important; color: #fff !important; position: absolute; right: 0; top: 0;}
.benefits-list .modal-header h5{font-size: 32px; line-height: 52px; color: #1E2D5F; font-weight: 600; position: relative;}
.benefits-list .modal-header h5:before{background:#CF1A3B; height: 6px; width: 100px; position: absolute; bottom: 0; left: 0; content: "";}
.benefits-list{margin: 0; padding: 0; list-style: none;}
.benefits-list li{font-size: 18px; line-height: 24px; margin-bottom: 8px; color:#424242; position: relative; padding-left: 20px;}
.benefits-list li:before{background: #6F6F6F; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 0; top: 8px; content: "";}
.work-content{box-shadow: 0px 0px 12px #00000036; margin-bottom: 30px;}
/**********************footer*******************/
#footer{padding:0;font-size:14px;margin-top:0; border-radius: 150px 150px 0 0; background: radial-gradient(circle,rgba(245, 250, 254, 1) 0%, rgba(227, 239, 255, 1) 50%, rgba(227, 239, 255, 1) 100%);}
#footer .footer-top{padding:60px 0 30px;}
.logo-wrap-footer{margin-bottom: 30px;}
.contact-list{margin: 0; padding: 0; list-style: none;}
.contact-list .iconTxt{display: flex; gap: 0 15px;}
.contact-list .icontxtin h5{font-size: 16px; line-height: 1; margin-bottom: 0;}
.contact-list .icontxtin p{font-size: 16px;}
#footer a{color: #23455C; text-decoration: none;}
.contact-list li{margin-bottom: 16px;}
#footer h3{font-size: 20px; margin-bottom: 16px; font-weight: 700;}
#footer .footer-top ul{margin: 0; padding: 0; list-style: none;}
#footer .footer-top li{list-style: none; margin-bottom: 5px; font-size: 16px;}
.bottom-footer{padding: 20px 0; border-top: 1px solid rgba(47,192,232,0.5);}
.bottom-footer p{margin-bottom: 0;}
#footer .social-icon{display:inline-block;}
#footer .social-icon ul{margin: 0; list-style: none; padding: 0; display: flex; gap: 0 10px;}
#footer .social-icon ul li{font-size: 18px;}
/***********************contact Us*************/
.contactus_main h2{font-weight: 700; margin-bottom: 30px; font-size: 40px;}
.form-group input[type="text"], .form-group input[type="tel"], .form-group input[type="email"], .form-group input[type="number"],  .form-group input[type="date"],  .form-group input[type="search"],  .form-group input[type="file"], .form-group input[type="text"], .form-group input[type="url"], .form-group select, .form-group textarea{border: 1px solid #ccc; height: 48px; padding: 10px 15px; border-radius:0; width: 100%;}
.form-group input[type="text"]:focus, .form-group input[type="tel"]:focus, .form-group input[type="email"]:focus, .form-group input[type="date"]:focus, .form-group input[type="search"]:focus, .form-group input[type="file"]:focus, .form-group input[type="number"]:focus, .form-group input[type="text"]:focus, .form-group input[type="url"]:focus, .form-group select:focus, .form-group textarea:focus{box-shadow:none; outline: 0 none;}
.form-group{margin-bottom: 20px;}
.form-group label{display: block; margin-bottom:8px; font-size: 15px; color: #555;}
.form-group textarea{height: 85px;}
.contactusright {padding: 30px; background: #23455C ; border-radius: 30px;}
.contactusright .icontxtin h5{font-weight: 700; color: #fff;}
.contactusright .icontxtin h5 i{margin-right: 10px;}
.contactusright .iconTxt {margin-bottom: 20px; display:flex;}
.contactusright .icontxtin a{color: #fff;}
.contactusright .icontxtin a:hover{color:#fff;}
.contactusright .icontxtin p{color: #fff;}
.contactusright .iconTxt .icon{margin-right: 16px;}
/*************Membership Register****************/
.card-register{background:#f2f2f2; padding: 30px 30px; max-width: 550px; border-radius: 30px 0 30px 0; margin: 0 auto; position: relative; margin-top: 30px;}
.card-register:before{background: rgba(47,192,232,0.7); position: absolute; left: 15px; top: -15px; content: ""; width: 100%; height: 100%; z-index: -1; border-radius: 30px 0 30px 0;}
.card-register h2{font-size: 30px; margin-bottom: 30px; font-weight: 700; padding-bottom:15px; border-bottom:1px solid #ccc; position: relative;}
.card-register h2:before{background: #192c88; width: 150px; height: 3px; content:""; bottom: -2px; left: 0; position: absolute;}
.error-message{color:#c60000; font-size: 14px;}
.btn-acount-link-wrap{position: relative;}
.btn-acount-link-wrap .account{ margin-top: 20px;}
.account a{color: #23455C;}
/*****************Buy Membership Page**************/
.innerheading h2{font-weight: 40px; font-weight: 700;}
.form-section-wrap{padding-left: 50px; margin-bottom:20px; padding-bottom:20px; padding-right: 30px; position: relative;}
.form-sections-main-wrap{position: relative; margin-top: 24px;}
.form-sections-main-wrap:before{background: #ccc; position: absolute; left: 15px; top: 0; content:""; width: 1px; height: 100%;}
.form-section-wrap h3{font-size: 24px; font-weight: 700; margin-bottom: 30px; position: relative;}
.membership-plan-sidebar{position: sticky; top: 120px; left: 0; background: #23455C; border-radius: 24px; padding: 30px; }
.membership-plan-sidebar:before{background: rgba(255,255,255,0.03); position: absolute; border-radius: 50%; right: -30%; top: -50%; width: 100%; height: 150%; content: "";}
.membership-plan-sidebar h3{color: #fff; text-align: left; margin-bottom: 24px; }
.form-section-wrap h3:before{width: 30px; height: 30px; left: -50px; top: 0; border-radius: 50%; background: #0047BA; content: ""; position: absolute;}
.form-section-wrap h3:after{left: -55px; top: -5px; border: 1px solid #0047BA; width: 40px; height: 40px; border-radius: 50%; position: absolute; content:""; }
.membership-plans-details{margin: 0; padding: 0; list-style: none;}
.membership-plans-details li{border-bottom: 1px dashed rgba(255, 255, 255, 0.2); padding: 8px 0; color: #fff; display: flex;}
.membership-plans-details li .list-label{flex: 0 0 100px; max-width: 100px;}
.membership-plans-details li .list-value{font-weight:700; color: #fff; position: relative; padding-left: 10px;}
.membership-plans-details li .list-value:before{content: ":"; position: absolute; left: 0; top: 0;}
.form-inner-wrap{background: #f2f2f2; padding: 30px; border-radius: 24px;}
.alert {display: none;}
.datepicker{position:relative;}
.datepicker .input-group-prepend{position: absolute; right: 0; top: 0; height: 100%; z-index: 11;}
.datepicker .input-group-prepend .input-group-text{height: 100%; border-radius: 0;}
.btn i{margin-right: 8px;}
.headtitle h2{font-size: 32px; font-weight: 700; margin-bottom: 40px;}
.form-single-section h3{margin-bottom: 20px; font-weight: 700; font-size: 24px;}
.form-single-section{margin-bottom: 30px;}
.btn.back-btn{border-radius: 16px !important;}
/************************Inquiry Middle*****************/
.inquiry-modal .modal-content{padding: 0px 20px;}
.inquiry-modal .modal-header{border-bottom: 0 none !important; padding-bottom: 0;}
.inquiry-modal .modal-header{border-bottom: 0 none !important; padding-bottom: 0;}
.inquiry-modal  .modal-header .close{background: #CF1A3A !important; font-size: 42px; line-height: 42px; width: 50px; height: 50px; border: 1px solid #CF1A3A !important; color: #fff !important; position: absolute; right: 0; top: 0;}
.inquiry-modal .modal-header h5{font-size: 32px; line-height: 52px; color: #1E2D5F; font-weight: 600; position: relative;}
.inquiry-modalt .modal-header h5:before{background:#CF1A3B; height: 6px; width: 100px; position: absolute; bottom: 0; left: 0; content: "";}
/***************My Account*********************/
.box-heading-wrap .headtitle{background: #f2f2f2; padding: 20px; border-radius: 20px; margin-bottom: 20px;}
.box-heading-wrap .headtitle h2{margin-bottom: 0;}
.box-heading-wrap .profile-text{border: 1px solid #ccc; border-radius: 30px; padding: 30px;}
.box-heading-wrap .headtitle .activeBtn{background:green; color: #fff; font-size: 14px; line-height: 1; padding: 11px 15px; border-radius: 15px; margin-left: 10px;}
.box-heading-wrap .headtitle .editBtn{border-radius: 30px !important;  padding: 8px 17px !important;}
.box-heading-wrap .headtitle .editBtn i{margin-right: 4px !important;}
.box-heading-wrap .profile-text h3{font-size: 24px; font-weight: 700; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
.martop-seprator{margin-top: 50px !important;}
.label-info-val{margin-bottom: 20px !important;}
.label-info-val p{margin-bottom: 4px;}
.label-info-val h5{font-size: 18px; margin-bottom: 0;}
.profile-sidebar{background:#f2f2f2; position:sticky; top:120px; left: 0; border-radius: 20px; padding: 0 0 20px; overflow: hidden;}
.profile-sidebar h3{background:#23455C; text-align: center; color: #fff; padding:10px 20px;}
.profile-sidebar .listBox {padding: 20px; margin-bottom: 20px; background: rgba(255,255,255,0.75); border-radius: 15px;}
.profile-sidebar #data-container{padding: 15px 20px; box-shadow: 0 0 10px rgba(0,0,0,0); transition: all 0.3s ease-out;}
.profile-sidebar #data-container .row >div:last-child .listBox{margin-bottom: 0;}
.profile-sidebar .listBox h4{color: #254A5C; margin-bottom: 4px;}
.profile-sidebar .listBox p{color: #23455C; margin-bottom: 0;}
.profile-sidebar a{text-decoration: none;}
.profile-sidebar .active{background:green; color: #fff; font-size: 14px; line-height: 1; padding: 4px 8px; border-radius: 15px; margin-right: 10px;}
.profile-sidebar .listBox:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);}
