body {font-family: 'Poppins', sans-serif;}

ul, li{list-style: none; padding: 0; margin: 0;}

h1, h2, h3, h4, h5, h6, p{margin:0;}

a{text-decoration: none;}

.form-control:focus {border-color: transparent;box-shadow: none;}

.navbar-toggler:focus {box-shadow: none;}

.customebtn {border: solid 1px #9bcb4d; padding: 0.995rem 1.755rem !important; font-size: 14px;}
#topshortterms .customebtn {padding: .75rem .955rem !important;}

.btn:hover { color: #fff;}

.btn-check:focus+.btn, .btn:focus {outline: 0;box-shadow: none;}
.txtGolden{background: linear-gradient(to top, #DA8537, #F3B812, #F3DC12, #F3B812, #F3DC12, #DA8537); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.txtSilver{background:linear-gradient(to top, #dedede, #ffffff, #dedede, #ffffff, #807575, #dedede, #ffffff,#ffffff, #dedede, #ffffff, #dedede,
#a1a1a1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.navbar-toggler {padding: .25rem .75rem;font-size: 1.05rem;line-height: 1;background-color: transparent;border: 1px solid #9bcb4d;
    border-radius: .25rem;transition: box-shadow .15s ease-in-out;}
    
.txtBlack{color: #000;}

.txtWhite{color: #fff;}

.txtRed{color: #9bcb4d;}
.txtGreen{color:#518551}

.bg_light{background: #F8F8F8; padding: 50px 0}

h1,h2{font-size: 40px; font-weight: 700;}

h3{font-size: 22px;}

h4{font-size: 20px;}

h5{font-size: 18px;}

p{font-size: 13px; line-height: 28px; padding: 10px 0 0 0;margin: 0; }

.shadow-lg {box-shadow: 0 0.2rem 0.51rem rgba(0,0,0,.295)!important;}

.bgWhite{background: #fff;}

.accordion-button:focus { outline: 0;  box-shadow: none;}

.accordion-button:not(.collapsed) {color: #000; background-color: transparent; box-shadow: none;}

.accordion-button {padding: 10px 20px;font-size: 15px;font-weight: 600;}

.accordion-body {padding: 4px 0 14px 20px;}

.accordion-body ul

{

	padding: 10px 0 0 0;

}

.accordion-body ul li

{

	display: block;

	line-height: 32px;

	font-size: 14px;

}

.accordion-item {

    background-color: #fff;

    border-bottom: solid 1px #ccc !important;

    border: 0;

}

.accordion-button::after {
    width: 13px;
    height: 13px;
    background-image: url("https://cdn-icons-png.flaticon.com/512/399/399427.png");
    background-size: 13px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("https://cdn-icons-png.flaticon.com/512/399/399425.png");
    transform: rotate(-180deg);
}




/* Header&Nav */

header#TopNav{width: 100%; border-bottom:solid 1px #ccc; background-color: #fff;}

#TopNav .navbar-nav .nav-link {color: #000; text-transform: uppercase; font-size: 16px;}

#TopNav .navbar-nav .nav-link.active, #TopNav .navbar-nav .show > .nav-link {color: #9bcb4d !important;}

#TopNav .navbar {padding-top: 0;padding-bottom:0; z-index: 1;}

#TopNav .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1.5rem;padding-left: 1.5rem; color: #000;}

#TopNav .navbar-brand {padding-top: 2px;padding-bottom: 2px; width: 258px;}

#TopNav .navbar-nav .nav-link:focus, #TopNav .navbar-nav .nav-link:hover {color: #9bcb4d !important;}

#TopNav .customebtn:hover{background-color: #9bcb4d;}


/* MAin-Banner */

#mainBanner {background-image: url(../img/Banner-1.png); background-size: cover;background-position: center right; margin-top: 87px; height: 573px;}

#mainBanner h1{ line-height: 55px;}

#mainBanner h6{padding: 0 0 10px 0;}

.bannerContentWrap{ height: 573px; padding: 0 0 0 15px;}

#mainBanner .customebtn{background-color: #9bcb4d; margin: 15px 0 0 0; box-shadow:0 0.2rem 0.51rem #9bcb4d8f !important;}

#mainBanner .customebtn:hover{background-color: transparent; border: solid 1px #9bcb4d; color: #000;}

/* Membership */

#MembershipWrap

{background-image: url(../img/HeadingBanner.png); background-size: 100%; background-repeat: no-repeat; padding:50px 0 0 0; margin: 50px 0 0 0; min-height: 350px;}

#MembershipWrap p{padding: 10px 25px;}

.Top {
    border-radius: 70%/0 0 137px 137px;
    padding: 22px;
    height: 170px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.silverBg{background: rgb(231,231,231); background: linear-gradient(0deg, rgba(231,231,231,1) 0%, rgba(225,225,225,1) 4%, rgba(231,231,231,1) 10%, rgba(224,224,224,1) 15%, rgba(231,231,231,1) 22%, rgba(255,255,255,1) 40%, rgba(225,225,225,1) 61%, rgba(220,220,220,1) 64%, rgba(206,206,206,1) 83%, rgba(171,171,171,1) 100%);}

#MembershipWrap .customebtn {border: none;position: absolute;left: 25%;bottom: 3%;}

#MembershipWrap .customebtn:hover{color: #000;}

.Top h3{font-weight: 700; padding: 10px 0;}

.Top h4{font-weight: 600;}

#MembershipWrap .col-md-3{display: flex; }

.Silvermembership, .GoldMembership {height: 450px;position: relative;}

.goldBg{background: rgb(218,133,55);

	background: linear-gradient(0deg, rgba(218,133,55,1) 0%, rgba(243,184,18,1) 4%, rgba(243,220,18,1) 10%, rgba(243,184,18,1) 15%, rgba(243,184,18,1) 22%, rgba(243,220,18,1) 30%, rgba(237,171,27,1) 49%, rgba(239,206,24,1) 77%, rgba(243,184,18,1) 89%, rgba(237,171,27,1) 100%);

}

/* How loan Astra Work */

#loanastraWork{background-color: #F8F8F8; margin: 50px 0 0 0; padding: 50px 0;}

#CredChampionWork {
    margin-top: 40px;
}

.HowworksWrap img{padding:35px 0 0 0;}

/* Who we Are */

#Whoweare{margin: 50px 0 0 0;}

#Whoweare img{padding: 0 0 20px 0;}

/* Animations */



[data-aos=example-anim1] {

	transform: skewX(45deg);

	opacity: 0;

	transition-property: transform, opacity;

  }

  [data-aos=example-anim1].aos-animate {

	transform: skewX(0);

	opacity: 1;

  }

  

  [data-aos=example-anim2] {

	background: #9bcb4d;

	transition-property: background;

  }



  [data-aos=example-anim2].aos-animate {

	background: green;

  }

  

  [data-aos=example-anim3] {

	transform: rotate(360deg);

	opacity: 0;

	transition-property: transform, opacity;

  }

  [data-aos=example-anim3].aos-animate {

	transform: rotate(0);

	opacity: 1;

  }



/* Why we are */

#WhyLoanWrap {background-color: #F8F8F8; margin: 50px 0 0 0; padding: 50px 0;}
.whybox{background: #fff; padding:0 20px 15px 20px; margin:20px 0 10px 0;}



/* Our Prtner */
#ourPartner {margin-top: 50px; }

.brand-carousel {margin: 30px 0 0 0;}

.owl-dots {text-align: center;margin-top: 4%;}

.owl-dot {display: inline-block;height: 15px !important;width: 15px !important;background-color: #878787 !important;

    opacity: 0.8;border-radius: 50%; margin: 0 5px; }

.owl-dot.active {background-color: #000 !important;}

.single-logo {

    width: 125px;

    height: 69px;

    margin: 0 auto;

    background: #fff;    

    border-radius: 3px;

    padding: 10px;

    margin-bottom: 12px;

    display: flex;

    align-items: center;

}



button.owl-prev {position: absolute;left: 0;top: 28%; width: 25px;}

button.owl-next {position: absolute;right: 0;top: 28%; width: 25px;}

button.owl-next img, button.owl-prev img{width: 20px;}



/* FAQ*/

#Faq {background-image: url(../img/HeadingBanner.png);background-size: contain;background-repeat: no-repeat;padding: 50px 0 0 0;margin: 50px 0 0 0;height: auto;}

#Faq p{padding: 10px 25px;}

.FaqWrap{padding: 20px; margin: 20px 80px;}



footer{background: #000; padding: 50px 0; margin: 155px 0 0 0;}

footer h4 {padding-bottom: 10px;}

.listnone {list-style: none;margin: 0px 0px 20px 0px; padding: 0;}



.widget-footer ul li { line-height: 1.6; margin-bottom: 8px;font-size: 15px;}

.widget-footer ul li a { color: #eee;}

.widget-footer ul li a:hover { color: #9bcb4d;}

.widget-social .fa {font-size: 32px;margin-right: 10px;color: #9bcb4d;margin-bottom: 12px;}



footer .form-control { width: 100%; height: 52px; padding: 6px 16px; font-size: 14px;line-height: 1.42857143; color: #555;background-image: none;

    background-color: #fff; border-radius: 4px;-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);

    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075); margin-bottom: 10px;border: 2px solid #e6ecef;}

.btn-secondary { background-color: #9bcb4d; color: #fff; border-color: #9bcb4d;}

.btn { font-size: 14px; border-radius: 2px;line-height: 12px;letter-spacing: 1px;text-transform: uppercase;padding: 19px 15px;font-weight: 600;}

.creditcard{margin:10px 0;display: block; width: 250px;}



.ApplynowWrap {background: #9bcb4d url("../img/vector-bg.png") no-repeat right top;height: 220px; margin: -155px 0 25px 0;  display: flex; align-content: center; 

    padding-left: 20px;flex-wrap: wrap;}

    .ApplynowWrap .customebtn {
        background: #fff;
        margin: 10px 0 0 0;
        color: #9bcb4d;
    }

/* FAQ Page*/
#FaqBanner {background-image: url(../img/Faq.png); background-size: cover;background-position: center right; margin-top: 87px; height: 573px;}

#FaqAbout
{
    background-color: #f8f8f8;
    padding: 30px;
    margin: 50px 0 0 0;
}

#FaqAbout .FaqWrap {
    padding: 0px;
    width: 50%;
    margin: 20px;
}
#FaqAbout  .accordion-item {
    margin: 10px;
    border-radius: 5px;
    border-bottom: 0 !important;
}
#FaqAbout .accordion-button {
    padding:20px;
    border-radius: 5px;
}
#FaqAbout .shadow-lg, #FaqMain .shadow-lg {
    box-shadow: 0 0.2rem 0.51rem #ccc!important;
}
/* Contact */
#Contactouter
{
    background-image: url(../img/contactus.jpg);
    height: 577px;
    background-size: cover;
    background-position: center;
}
#Contactsec
{
    margin: 50px 0 0 0;
}
#Contactsec .contact-box {
    background-image: linear-gradient(250deg, #62a431 0%, #98ca47 100%);
    padding: 80px 30px 80px 30px;
    border-radius: 5px 5px 5px 5px;
}
.sec-title {
    position: relative;
}
.sec-title .sub-text.new-text {
    padding-left: 0;
    margin-bottom: 7px;
    color: #ffffff;
}
.sec-title .sub-text {
    position: relative;
    padding-left: 95px;
    display: inline-block;
    line-height: 28px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #9bcb4d;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.sec-title .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    color: #fff;
    margin: 0;
}
#Contactsec .contact-box .address-box {
    display: flex;
}
#Contactsec .contact-box .address-box .address-icon {
    background-image: linear-gradient(275deg, #ffffff 0%, #fcfcff 100%);
    min-width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    margin-right: 23px;
}
#Contactsec .contact-box .address-box .address-icon i {
    font-size: 20px;
    line-height: 20px;
    color: #9bcb4d;
}
#Contactsec .contact-box .address-box .address-text .label {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    display: block;
    margin-bottom: 5px;
}
#Contactsec .contact-box .address-box .address-text a {
    color: #ffffff;
    font-size: 13px;
}
.mb-25 {
    margin-bottom: 25px;
}
.mb-45 {
    margin-bottom: 45px;
}
#Contactsec .contact-box .address-box .address-text .desc {
    color: #ffffff;
    font-size: 13px;
}
.sec-title2 {
    position: relative;
}
.mb-40 {
    margin-bottom: 40px;
}
.sec-title2 .sub-text {
    margin: 0 0 10px;
    display: block;
    line-height: 28px;
    font-family: 'Livvic', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #9bcb4d;
    text-transform: uppercase;
}
.sec-title2 .sub-text.contact {
    color: #9bcb4d;
}
.sec-title2 .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4;
    color: #0a0a0a;
    max-width: 490px;
    margin: 0 auto;
}
.sec-title2 .title.testi-title {
    max-width: unset;
}
.mb-30 {
    margin-bottom: 30px;
}
#Contactsec .contact-widget .from-control {
    padding: 20px 20px 20px 20px;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    background-color: #F6F7F9;
    width: 100%;
    max-width: 100%;
}
.rs-contact .contact-widget textarea {
    height: 120px;
}
.contact-widget .form-check-label {
    font-size: 12px;
}
.contact-widget .form-check-label a {
    font-weight: 500;
    color: #0d6efd;
    transition: all 0.3s;
}
.contact-widget .form-check-label a:hover {
    text-decoration: underline;
    color: #65a1f9;
}
.readon.learn-more.submit {
    background: #9bcb4d;
    padding: 16px 40px 16px 40px;
    font-weight: 500;
    font-size: 16px;
    border: none;
    color: #fff;
}
/* Privacy */
#privacyOuter
{
    margin: 136px 0 0 0;
}
.info-inner-container {
    background: #fff;
    border-radius: 5px;
    position: relative;
    padding: 35px 65px;
    box-shadow: 0 0 12px rgba(0,0,0,.06);
}
#privacyOuter #content {
    min-height: 600px;
    padding-bottom: 30px;
}
.info-inner-container h1 {
    font-size: 21px;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}
.info-inner-container h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 15px 0 0 0;
}
/* About Us */
.carousel-indicators [data-bs-target] {
	width: 15px;
	height: 15px;
}
.carousel-indicators .active {
	background-color: #9bcb4d;
}
.carousel-caption {
	bottom: 35%;
    left: 10px;
    right:10px;
}



#AboutusSlider .customebtn {background:#9bcb4d;}

#AboutusSlider h2 {padding:15px 0 20px 0;}
#AboutusSlider img{height: 577px;}

#aboutloanwork{ margin-top: 50px;}
#aboutloanwork ul li {
	line-height: 34px;
	position: relative;
	padding-left: 25px;
	display: flex;
	align-items: center;
	font-size: 15px;
}
#aboutloanwork ul li::after {
	position: absolute;
	content: "";
	background-image: url(../img/tick.png);
	left: 0;
	width: 13px;
	height: 13px;
	line-height: 38px;
	background-size: cover;
}
/* Gold Membership */
#GoldMembershipBanner, #diamondMembershipBanner, #silverMembershipBanner
 {background-image: url(../img/Goldmembership-bg.png); background-size: cover;background-position: center right; margin-top: 87px; height:300px;} 
#GoldMembershipBanner h2, #diamondMembershipBanner h2, #silverMembershipBanner h2{font-size: 80px; text-align: center;}
#GoldMembershipBanner .bannerContentWrap, #diamondMembershipBanner .bannerContentWrap, #silverMembershipBanner .bannerContentWrap
{padding: 0; height: 300px;}
#ShortLoans{margin: 50px 0 0 0;}
#ShortLoans p{padding: 5px 0 10px 0;}
#ShortLoans .earlyDate, #ShortLoans .finalRate{font-weight: 600;}
#ShortLoans .finalRate{padding-left: 8px;}
#ShortLoans .customebtn {background-color: #9bcb4d; margin: 20px 0 0 0;}
#topshortterms{margin: 50px 0 0 0; padding: 30px; background-color: #F8F8F8;}
#topshortterms .box-1{padding: 15px 0; margin: 30px 0 0 0; background-color: #fff;}
#topshortterms .box-1 img{height: 28px;}
#topshortterms .box-1 ul {margin: 15px 0 0 0;}
#topshortterms .box-1 ul li{border-bottom: solid 1px #ccc; padding:10px 0;}
#topshortterms .box-1 ul li:last-child{border-bottom: 0; padding: 10px 0 0 0;}
#topshortterms .box-1 ul li p{margin: 0; padding: 0; line-height: 25px; font-size: 14px; text-align: center !important;}
#WhyGoldCard {margin: 50px 0 0 0;}
.whyboxGold {
    background-color: #00b9f5;
    margin: -50px 20px 0 20px;
    position: relative;
    padding: 20px;
    height: 210px;
    overflow: hidden;
}

.whybox p {line-height: 25px;}
#Stpl{margin: 50px 0 0 0; padding: 30px; background-color: #F8F8F8;}
.stplleft {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	font-size: 40px;
	color: #000;
}
ul.wgmcright
{
   
    display: flex;
    flex-wrap: wrap;
}
ul.wgmcright li
{
    background-color: #fff;
    display: flex;
    padding: 20px;
    align-items: center;
    margin: 20px 0;
    width: 100%;
}
ul.wgmcright li p
{
    padding: 0;
    line-height: 28px;
}
.icon-img
{
    padding: 0 20px 0 0 ;
    width: 10%;
}
.wgmcleft{width: 90%;}
#documentreq
{
    margin: 50px 0 0 0;
}
ul.documentlist li {
	line-height: 40px;
}
#Loan_Reffral{background: #F8F8F8;  margin-top:50px;padding: 30px 0;} 


#Loan_Reffral .customebtn {background-color: #9bcb4d; margin: 20px 0 0 0;}
#WhyLoanWrap .customebtn {
	background-color: #9bcb4d;
	margin: 20px 0 0 0;
	text-align: center;
	margin: 20px auto;
	display: block;
}

/* Active-membership */
#activeMembershipWrap
{
    margin: 86px 0 0 0;
    padding: 30px 0 0 0;
}
#activeMembershipWrap .customebtn
{
    background-color: #9bcb4d;
    color: #fff;
}
#activeMembershipWrap h3{padding: 20px 0 5px 0; position: relative; margin-bottom: 15px;}
#activeMembershipWrap h3::after{ position: absolute; content: ""; border-bottom: solid 3px #9bcb4d; width: 100px; left: 0; bottom: 0;}
/* Complete Membership */

.CompleteMemInn {
   
    background: #FFFFFF;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.25), 0px -33px 42px rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    /* margin-top: 180px; */
    text-align: center;
    padding: 50px 0;
}
    
#completeMemWrap
{
background: #fff;

}
#completeMemWrap img
{
    width: 50%;
    margin: 0 auto;
    display: block;
    
}
.CompleteMemInn h2{
    padding: 30px;
}
.CompleteMemInn .fa-check
{
    font-size: 18px;
}
.check {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.activeContent {
    padding: 0 50px;
}
.activeContent .row{display: flex; align-items: center;}
.activeContent h3, .activeContent p  {text-align: left  !important;}
.activeContent h3{font-size: 28px; font-weight: 600;}
.activeContent p{font-size: 22px; padding:10px 0 20px 0;}
.activeContent .customebtn{text-align: left; background-color: #9bcb4d; color: #fff; display: inherit;}
.activeContent img {
    width: 100% !important;
    margin: 0 0 0 !important;
}
.bdr {
    background-image: linear-gradient(to right, rgba(253,245,246,1) 0%, rgba(0,0,0,1) 24%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 80%, rgba(253,245,246,1) 100%);
    height: 1px;
    margin:0 80px 20px 80px;
}

/* DiamondMemberShip */
#Utilities
{
    margin: 50px 0 0 0;    
}
#Utilities p{text-align: center;}
.Utilitybox{padding: 20px; background-color: #fff;}

/* Platinum membership */
#DiffBusineeloan
{margin: 50px 0 0 0;}

/* Silver MemberShip */
#credit-InfoWrap{margin: 50px 0 0 0;}
.silverBenifits {
    padding: 20px 0;
}
.silverBenifits h4{
    padding-bottom: 10px;
}
#SilverbeniftsWrap{
    margin: 50px 0 0 0;
}
.credit-score
{
    width: 50%;
    margin: 0 auto;
}
.creditinfo h3{
    padding:0 0 10px 0;
}
.activeContent .box-1 {
    margin: 0 !important;
}
/* LOgin */
#login-Section {
    background-color: #fff;
    margin: 86px 0 0 0;
}
#login-Section .container {
    box-shadow: 5px 5px 18px 5px #a7a5a5;
    border-radius: 20px;
    margin: 112px 80px 80px 80px;
    padding: 0;
}
#login-Section .row {
	margin: 0;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}
#login-Section .col-lg-7
{

    padding: 0;
}
.loginWrapper
{
  
  margin: 50px auto;
  width: 90%; 
  background-color: #fff; 
  
}
.loginWrapper .form-control {
    padding: .675rem .75rem;
    margin: 8px 0 0 0;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.25);
}
.loginWrapper label {
	font-size: 14px;
	margin: 12px 0 0 10px;
}
.loginWrapper .form-check .form-check-input {
	float: left;
	margin-left: -1.5em;
	margin-top: 14px;
}
.loginWrapper .form-check {
    float: left;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
    align-items: center;
}
.forgot-password
{
    float: right;
    margin: 14px 0 0 0;
    font-size: 14px;
}
.loginWrapper .customebtn {
    padding: 0.795rem 3.755rem !important;
    margin: 20px 0 0 0;
}

.overlay {
    position: relative;
  }
  
 .overlay:after {
    position: absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;     
  }

  #login-Section .red {
    background-image: url(../img/login-bg-2.jpg);
    background-size: cover;
    height: 700px;
    border-radius: 20px 0px 0px 20px;
}
.RegisterWrapper .red
{
    height:1050px !important;
    background-image:url(../img/login-bg-2.jpg);
    background-size:cover; 
    border-radius: 20px 0px 0px 20px;
}
.RegisterWrapper .red:after {
    background-color: #9bcb4d;
    opacity: .3;
    border-radius: 20px 0px 0px 20px;
    }
#login-Section .red:after {
background-color: #9bcb4d;
opacity: .3;
border-radius: 20px 0px 0px 20px;
}

/* Product Page */
#ProMainWrap
{
    margin: 50px 0 0 0;
}
.single-item_offer {
    margin-bottom: 25px;
}
.item {
    background: #ffffff;
    box-shadow: 0 0 10px #cccccc;
    border-radius: 8px;
    text-align: center;
}
.thumb {
    position: relative;
}
.thumb a {
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
}
.thumb img {
    border-radius: 25px;
    padding: 10px 10px 0 10px;
}
.info {
    padding: 20px;
    min-height: 320px;
    overflow-y: hidden;
    position: relative;
}
.info p {
    
    padding: 12px 0 12px 0;
}
.headerbtn4 {
	color: #fff;
	text-decoration: none;
	box-shadow: 0px 0px 7px -2px #6f6f6f;
	padding: 0;
	font-size: 14px;
	margin: 0 auto;
	position: absolute;
	bottom: 20px;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 125px;
	height: 32px;
	line-height: 32px;
	background: #9bcb4d;
}
.ProductSlider .carousel-caption {
    bottom: 15%;
    left: 8% !important;
    right: 10px;
    text-align: left !important;
}
.ProductSlider h2{
    padding-bottom: 0!important;
}
.ProductSlider h3{
    padding: 15px 0 20px 0 !important;
}
#review {
    margin: 86px 0 0 0;
    background: #e9ecef;
    padding: 50px 0;
}
#review h4{padding: 10px 0 0 0;}
#review .bdr {
    
    margin: 16px 80px 20px 0px;
    width: 100%;
}
#review .customebtn {
    background-color: #9bcb4d;
    color: #fff;
    padding: 10px 33px !important;
}
.applytext{padding: 10px 0 0 0;}
.applycouponbox
{
    padding: 10px 0 0 0;
}
.total-amount  span{ padding:8px 20px; font-size: 15px;}
.total-amount  .bdr {
    margin: 1px 0px !important;
    width: 100%;
}
.review-left {
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 7px -2px #6f6f6f;
    border-radius: 8px;
    min-height: 200px;
    height: auto;
    height: 100%;
}
.othermemberoption
{
    background-color: #fff;
    padding:20px;
    box-shadow: 0px 0px 7px -2px #6f6f6f;
    border-radius: 8px;
    min-height: 200px;
    height: auto;
    height: 100%;
}
.total-amount .customebtn, .othermemberoption .customebtn, #paymentOption .customebtn {
    background-color: #9bcb4d;
    color: #fff;
    padding: 10px 33px !important;
    margin: 10px 0 20px 0;
}
/* Payment-section */
.promocode
{
    padding: 10px 0 20px 0;
}
#paymentOption
{
    margin: 120px 0 0 0;
}
#paymentOption .card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: none
}

#paymentOption .btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, .5)
}

#paymentOption .form-control {
    height: 50px;
    border: 2px solid #eee;
    border-radius: 6px;
    font-size: 14px
}

#paymentOption .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #039be5;
    outline: 0;
    box-shadow: none
}

#paymentOption .input {
    position: relative
}

#paymentOption .input i {
    position: absolute;
    top: 16px;
    left: 11px;
    color: #989898
}

#paymentOption .input input {
    text-indent: 25px
}

#paymentOption .card-text {
    font-size: 13px;
    margin-left: 6px
}

#paymentOption .certificate-text {
    font-size: 12px
}

#paymentOption .billing {
    font-size: 11px
}

#paymentOption .super-price {
    top: 0px;
    font-size: 22px
}

#paymentOption .super-month {
    font-size: 11px
}

#paymentOption .line {
    color: #bfbdbd
}

#paymentOption .free-button {
    background: #1565c0;
    height: 52px;
    font-size: 15px;
    border-radius: 8px
}

#paymentOption .payment-card-body {
    flex: 1 1 auto;
    padding: 24px 1rem !important
}

/* Responsive */

@media (max-width:1024px)

{

    #TopNav .navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}

    #TopNav .navbar-brand { width: 210px;}

    .customebtn {padding: 0.75rem 1.55rem !important;}

    #mainBanner, #FaqBanner {margin-top: 70px; height: 425px;}

    .bannerContentWrap {height: 425px;}

    #mainBanner h1 {line-height: 45px;}

    h1, h2 {font-size: 30px;}

    p {font-size: 14px;line-height: 28px;}

    .Silvermembership, .GoldMembership {height: 559px;}

    #MembershipWrap .customebtn {left: 15%;}

    .accordion-button {font-size: 14px;}

    h3, h4 {font-size: 18px;}

    .widget-footer ul li {font-size: 14px;}

}



@media (max-width:768px){

#mainBanner, .bannerContentWrap  {height: 310px;}  

.Silvermembership, .GoldMembership { height: 420px; margin: 0 0 30px 0;}

#MembershipWrap .customebtn { left: 25%; bottom: 4%;}

#Whoweare{text-align: center;}

#Whoweare img {width: 400px;margin: 0 auto;display: block;}

.ApplynowWrap {background: #9bcb4d ;height: 220px; margin: -155px 0 25px 0;  display: flex; align-content: center; 

padding-left: 20px;flex-wrap: wrap; padding-right: 20px;}

.creditcard {width: 63%;}

#MembershipWrap { background-size: auto 359px; background-repeat: no-repeat;}

#loanastraWork { display: none;}

.FaqWrap{margin: 20px 0;}
.ApplynowWrap .customebtn {margin: 10px auto;}
.navbar-collapse {
    padding-bottom: 26px;
}

/* Faq */
#FaqAbout .container
{
    flex-wrap: wrap;
}
#FaqAbout .FaqWrap {
    width: 100%;
    margin: 0;
}
#FaqAbout {

    padding: 20px;
    margin: 30px 0 0 0;
}
#Stpl img
{
    padding: 20px 0 0 0;
}
.whyboxGold {
    padding: 15px;
    height: auto;
    overflow: hidden;
    margin: -50px 10px 20px 10px;
}
.stplleft {
    font-size: 30px;
}
#GoldMembershipBanner .bannerContentWrap, #diamondMembershipBanner .bannerContentWrap, #silverMembershipBanner .bannerContentWrap {
    height: 200px;
}
#GoldMembershipBanner, #diamondMembershipBanner, #silverMembershipBanner {
    height: 200px;
}
#GoldMembershipBanner h2, #diamondMembershipBanner h2, #silverMembershipBanner h2 {
    font-size: 40px;
    
}
p {
    font-size: 13px;
    line-height: 24px;
}
li{font-size: 13px;}
#ShortLoans .img-fluid{margin:20px 0 0 0;}
#WhyGoldCard .d-n{display: none;}
#WhyGoldCard .col-sm-9{margin: 0 auto;}
#Loan_Reffral .img-fluid{margin: 20px 0 0 0;}
.accordion-body {font-size: 13px;}
}

@media (max-width:576px){

    #MembershipWrap .col-6{width: 100%;}
    #GoldMembershipBanner {height: 200px;}    
    .Silvermembership, .GoldMembership {height: 200px; }

    #MembershipWrap .customebtn {left: 33%;bottom: 5%;}

    h1, h2 {font-size: 20px;}
    h2{text-align: center;}

    #ourPartner, #Faq, #WhyLoanWrap, #Whoweare, #MembershipWrap,  #aboutloanwork, #ShortLoans, #topshortterms, #WhyGoldCard,
    #Stpl, #documentreq, #Loan_Reffral
     { margin-top: 30px;}


    #mainBanner h1 {
        line-height: 32px;
        font-size: 20px;
        color: #fff;
        text-shadow: 5px 5px 5px #000;
    }
    .carousel-caption {
        bottom: 15%;
    }

    #Faq { background-size: auto; }
    #AboutusSlider img{height: 350px;}
    #AboutusSlider h2 {padding: 8px 0 10px 0;}
    p, ul li, a {font-size: 13px;line-height: 21px;}
    #aboutloanwork ul li{font-size: 13px;}
    #WhyLoanWrap p{text-align: left !important;}
    #WhyLoanWrap br{display: none;}
    .customebtn {
        padding: 0.55rem 1.15rem !important;
    }
    ul.documentlist li {
        line-height: 25px;
        padding: 10px 0 0 0;
    }
    #GoldMembershipBanner h2, #diamondMembershipBanner h2, #silverMembershipBanner h2 {
        font-size: 30px;
    }
    #GoldMembershipBanner, #diamondMembershipBanner, #silverMembershipBanner {
        height: 150px;
    }
    #GoldMembershipBanner .bannerContentWrap, #diamondMembershipBanner .bannerContentWrap, #silverMembershipBanner .bannerContentWrap {
        height: 150px;
    }

    #ShortLoans p.text-center{text-align: left !important;}
    #ShortLoans .pb-5 {
        padding-bottom: 20px !important;
    }
   
    .whyboxGold{height: auto;}
    .stplleft {
        font-size: 20px;
    }
    .wgmcleft {
        width: 75%;
    }
    .icon-img {
        width: 25%;
    }
    #Utilities {
        margin: 30px 0 0 0;
    }
    #Loan_Reffral{background: #F8F8F8;  margin-top:50px;padding: 30px 0;} 
    footer {
      
        margin: 138px 0 0 0;
    }
    #WhyLoanWrap {
        margin: 30px 0 0 0;
        padding: 20px 0;
    }
    #Stpl .row{align-items: start;}
    #Stpl {
        
        padding: 30px 0;
    }
}
 
@media (max-width:480px){
    ul.wgmcright li {
        align-items: self-start;
        flex-wrap: wrap;
    }
    .wgmcleft {
        width: 100%;
    }
    .icon-img {
       
        margin: 0 0 15px 0;
        width: 30%;
    }
    ul.wgmcright li p {
        line-height: 22px;
    }
    ul.wgmcright li {
        padding: 6px 20px;
        margin: 10px 0;
    }
}
@media (max-width:480px){
    #TopNav .navbar-brand {
        width: 190px;
    }
    #login-Section .red, .RegisterWrapper .red {
        height: 350px !important;
        border-radius: 20px 20px 0 0;
    }
    #login-Section .red::after, .RegisterWrapper .red::after {
        background-color: #9bcb4d;
        opacity: .3;
        border-radius: 20px 20px 0 0;
    }
    #login-Section .container {
        box-shadow: 5px 5px 18px 5px #a7a5a5;
        margin: 0;
        padding: 0;
    }
    #login-Section {
        
        padding: 20px;
    }
    .loginWrapper {
        margin: 20px auto;
    }
    .form-text {
        font-size: 12px;
    }
    .info {
        min-height: auto;
    }
    .headerbtn4{position: static;}
}