body{font-family: 'Nunito Sans', sans-serif !important; padding: 0; margin: 0;}

h1{font-size: 90px;font-weight: 700;}
h2{font-size: 45px;font-weight: 600;}
h6{ color: #B93030; font-size: 19px; font-weight: 500;}
p{font-size: 20px;font-weight: 400;margin: 0;}.carousel-style { overflow: hidden; margin-bottom: 160px;}
.navbar { background: #fff;box-shadow: 0 4px 6px rgba(22, 22, 26, 0.18);padding: 20px;}
.navbar-brand img{ height: 35px;}
.navbar .navbar-nav .nav-link {color: #000;}
.nav-item .active{color: #B93030 !important;font-weight: 600 !important;border-bottom: 3px solid #B93030;}
.btn-danger,.btn-white ,.btn-dark{padding: 11px 25px !important;border-radius: 3px;font-weight: 600 !important;
}
.nav-item a{color: #434343 !important;font-weight: 400;margin-right: 15px;display: flex;align-items: center;}
.join-info{display: flex !important;align-items: center;}
.btn-danger{background: #B93030 !important ;color: #fff !important;font-weight: 500 !important;}
.text-danger{color: #B93030;}
.btn-white{background: #fff !important;color: #B93030 !important;}
li{list-style: none;}
.banner{background-image: url('../image/banner-backgrd.jpg');background-size: cover; background-repeat: no-repeat;height: 970px; width: 100%;display: flex;justify-content: center; align-items: center;}
.banner-text{color: #fff; display: flex; justify-content: center; align-items: center; padding: 0px 330px; text-align: center;}
.banner-text .inner-text{ color: #B93030;}
.btn-wrapper{display: flex;justify-content: center;align-items: center;}
.btn-wrapper button{display: flex;justify-content: center;align-items: center;}
.btn-wrapper button .material-symbols-outlined{font-size: 20px;}
.about-us-wrapper{padding-top: 75px;text-align: center;}
.info-text{color: #858585;}
.about-us-wrapper p{padding: 0px 217px;margin-bottom: 17px;}
.info-body{ background-image: url('../image/about-us.jpg');background-size: cover; background-repeat: no-repeat;height: 354px; width: 100%; display: flex;align-items: center;}
.info-body h3{font-size: 60px;font-weight: 700;color: #fff;}
.info-body h5{color: #fff;font-size: 25px;font-weight: 500;}
.communtity-wrapper{text-align: center;padding-top: 50px;}
.communtity-wrapper h4{font-size: 42px;font-weight: 600;}
.communtity-vedio{display: flex;justify-content: center;position: relative;}
.play-btn {width: 9%;margin: 0;position: absolute;top: 46%;left: 46%;}
.play-btn {animation: play-btn 2s ease infinite;}

@keyframes play-btn {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}

.card-wrapper{ text-align: center; padding: 30px;border-radius: 13.245px;background: #FFF;box-shadow: 5.29811px 5.29811px 30.46415px 0px rgba(82, 82, 82, 0.18);border-radius: 10px;}
.card-wrapper p{padding: 0px 10px;}
.card-wrapper h5{ font-size: 25px;font-weight: 600; padding-top: 15px;}
.card-wrapper img{height: 125px; width: 125px !important;}
.plan-sec{ margin-top: 60px; background-image: url('../image/plan-sec.jpg');background-size: cover; background-repeat: no-repeat;height: 525px; width: 100%;}
.plan-wrapper{margin-top: -395px;}
.plan-wrapper h2,.plan-offer-text{text-align: center;}
.plan-wrapper h5{ font-size: 23px; font-weight: 300; color: #fff;}
.plan-wrapper h4{ font-weight: 700;font-size: 55px;letter-spacing: 1px;color: #fff;}
.plan-offer-text{color: #fff;}
.basic-head{text-align: center;background-color: #E8E8E8;padding: 30px;}
.plan-types h4{color: #000;font-size: 35px;}
.basic-innerbody{background: #fff;}
.symbol{font-size: 14px;font-weight: 400;margin: 0;}
.plan-amount{font-size: 30px;font-weight: 700;margin: 0;}
.plan-types{box-shadow: 10px 9px 33px 0px rgba(64, 64, 64, 0.18);margin-top: 40px;}
.plans{ height: 130px; width: 130px; border-radius: 50%; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; padding: 10px 20px;display: flex;align-items: center;justify-content: center;}
.card-info li{display: flex;padding-bottom: 7px;}

.wrapper-text{padding: 35px;min-height: 322px;position: relative;}

.card-info p{ text-align: left;font-size: 16px;padding-left: 7px}
.plan-btn{position: absolute;right: 0;left: 0;bottom: 35px;text-align: center;}
.standrd-head{text-align: center;background-color: #AB0000;padding: 30px;}
.standrd-innerbody{ background: #B93030;}
.standrd-innerbody .plans{background-color: #fff;}
.standrd-innerbody .wrapper-text{color: #fff;}
.offer-wrapper{position: absolute; width: 100%;top: 30px;rotate: -42deg;overflow: hidden;left: -150px; background: #fff;height: 40px;display: flex;justify-content: center;align-items: center;box-shadow: 0px 9px 16px 0px rgba(0, 0, 0, 0.12);}
.standrd-plan{position: relative;overflow: hidden;}
.patner-sec{padding-top: 75px;}
.patner-inner-text{text-align: center;}
.customer-support-wrapper{ margin-top: 50px; box-shadow: 10px 9px 41px 0px rgba(0, 0, 0, 0.24);padding: 25px; border-radius: 13px;}
.customer-support-wrapper h6{font-size: 20px;letter-spacing: 1px;}
.customer-support-wrapper h2{ font-size: 45px; letter-spacing: 1px; padding-top: 13px; margin: 0;} 
.customer-support-wrapper p{padding: 13px 0px;}
.customer-support-wrapper img{ height: 358px;}
.call-btn button{ background: #000 !important;color: #fff !important; border-color: #000 !important;}
.footer-logo{height: 30px;}
footer{ margin-top: 60px; background: #1E1E1E;color: #fff; padding: 50px 40px;}
.footer-menu ul{ padding: 0; margin: 0; display: flex;}
.footer-menu li{margin-right: 15px;}
footer p{ font-size: 14px; font-weight: 300;}
.media-icons{ border: 1px solid #F00; border-radius: 50%; height: 29px;width: 30px;text-align: center; padding: 3px;}
.footer-line{background: #F00;padding: 1px;margin: -5px 22px; height: 20px;width: 0px;display: inline-block;}
.owl-wrapper-outer{overflow: hidden;}
.owl-wrapper{padding: 20px 0px; display: flex !important;align-items: center !important;}
.owl-wrapper .item{margin: 0px 15px;}
.footer-inner-wrapper{display: flex;justify-content: space-between; align-items: center;}
.btn-body-support{display: flex;}
.footer-inner-img{display: flex;align-items: baseline;}
.navbar-nav .nav-link:hover {
  color: #B93030 !important;
}
/*----- index style end -----*/

/*------ login/signup/forgetpassword/changepassword style ------*/

.account-block a{ position: absolute; left: 35px; top: 35px;font-size: 22px; color: #fff; font-weight: 700; letter-spacing: 1px;display: flex;align-items: center;}
.login-wrapper{ border-radius: 4px; background: #FFF;box-shadow: 0px 5px 44px 0px rgba(30, 30, 30, 0.13);margin: 30px;}
.login-wrapper h3{font-size: 27px; font-weight: 600;}
.check-box{ border-radius: 0px !important;}
.no-gutters a{text-decoration: none;}
.account-block {padding: 0;}
.login-inner{ height: 100vh; margin-top: 45px;}
.login-outer-text{color: #858585;font-size: 16px;}
.account-block .account-testimonial { text-align: center; color: #fff; position: absolute; margin: 0 auto; padding: 0 1.75rem; bottom: 3rem; left: 0;  right: 0;}
.text-theme { color: #5369f8 !important;}
.btn-theme { background-color: #5369f8; border-color: #5369f8;color: #fff;}
.account-block span{ height: 35px; width: 35px; font-weight: 500;background: #B93030; border-radius: 50%;display: flex; align-items: center;justify-content: center;}
.account-block img{ height: 100vh; width: 100%; object-fit: cover;}
.account-block{ position: relative;}
.arrow.material-symbols-outlined {font-size: 30px;}
.form_input{	width: 100%;border:0px solid transparent;border-radius: 0;border-bottom: 1px solid #aaa;	padding: .5em .0em .5em;outline: none;margin: 10px auto;transition: all .5s ease;}
.form_input:focus{border-bottom-color: #B93030;padding: .5em .5em .5em;}
.reminder-text{font-size: 18px;}
.sign-up-text{margin-bottom: 10px;font-size: 15px;color: #858585;}
.sign-up-block img{ height: 100% !important;width: 100%;object-fit: cover;}
.mail{font-size: 62px !important;color: #B93030; font-variation-settings:'FILL' 1, 'wght' 400,'GRAD' 0, 'opsz' 24}
.check-mail-body{ position: relative;}
.check-mail-body .copy-right-info{ position: absolute; bottom: 20px; right: 0; left: 0; color: #858585;font-size: 16px;}
.new-pass-body{ position: relative;}
.new-pass-body .copy-right-info{position: absolute; bottom: 30px; right: 0; left: 0;color: #858585; font-size: 16px;}
.background-wrapper{ background-image: url('../image/Login.jpg');background-size: cover; background-repeat: no-repeat;height: 100vh; width: 100%;}
.signup-background-wrapper{ background-image: url('../image/sign-up-back.jpg');background-size: cover; background-repeat: no-repeat; width: 100%;}
.signup-background-wrapper .content-wrapper{ margin-top: 50px;}
.signup-background-wrapper .login-inner{ height: 100%;}

/*------ login/signup/forgetpassword/changepassword style end ------*/


/*------ memberships style ---------*/

.plan-wrapper h2{color: #fff; font-size: 50px; font-weight: 700;}
.membership-wrapper .plan-sec{margin-top: 0px; background-image: url('../image/billing-bg.jpg');background-size: cover;background-repeat: no-repeat; height: 619px;width: 100%;}
/* .membership-wrapper .plan-wrapper {margin-top: -640px;
  /* text-align: center; }*/

.membership-card-wrapper{ margin-top: 70px;margin-bottom: 70px;}
.membership-inner-wrapper{ padding: 25px 0px;}
.membership-card-wrapper h4{font-size: 37px; font-weight: 700;letter-spacing: 1px;}
.plan-card-body{ border-radius: 13px;background: #FFF;box-shadow: 5.29811px 5.29811px 30.46415px 0px rgba(82, 82, 82, 0.18); padding: 27px;text-align: center;min-height: 330px;}
.plan-card-body h5{ font-size: 23px; font-weight: 600; margin: 0;}
.plan-card-body p{ font-size: 15px;font-weight: 500;color: #858585;}
.plan-card-body:hover{box-shadow: 0px 0px 10px #444;transition: all 200ms ease-in;transform: scale(1.03);transition: transform 0.3s ease;}
.plan-card-body img{ height: 130px;}
.duration-text{font-size: 14px;padding-right: 3px;}
/* .plans p{display: flex;align-items: center;} */

.dropdown-item:active {
  
  background-color: #fff !important;
}


.custom-select::after {
 color: #B93030;
}
.profile-dropdown{justify-content: end;}

/*------ memberships style end ---------*/

/*------ billing style start ---------*/

.billing-wrapper{
  margin-top: 100px;
  padding: 33px;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 14px 20px 43px 0px rgba(0, 0, 0, 0.12);
}
.billing-wrapper .form-group,.billing-wrapper h4{
  text-align: left;
  color: #000;
}
.billing-wrapper h4{font-size: 23px;}
.membership-inner-wrapper{
  padding: 15px;
  border-radius: 24px;
  border: 1px solid #F3F3F6;
}
.payment-inside-wrapper{
  height: 100%;
  border-radius: 24px;
  border: 1px solid #F5F2F1;
  background: #F9F9F9;
  padding:15px;
}
.billing-wrapper .form_input{background: transparent;}
.membership-wrapper .plan-wrapper{margin-top: -425px;}

.avatar-online img{
  border-radius: 50%;
  height:55px;
  width: 55px;
  object-fit: cover;
}
.dropdown-toggle::after {
  display: none;
}
.proflie-icon{padding: 4px 0px;}
.proflie-icon .material-symbols-outlined{color: #B93030;font-weight: 500;}
.dropdown-menu-end {padding: 0px !important;}


/*------ billing style end ---------*/


/*----- invoice style start ------ */

.success-inner-text h6{font-weight: 700;letter-spacing: 1px;margin: 0;padding: 20px;font-size: 30px;}
.plan-inner-body{border-radius: 8px;border: 1px solid #DED9D8;padding: 20px;}
.payment-type img{height: 250px;}
.plan-wrapper .btn-white{border: 1px solid #B93030;color:#B93030;font-weight: 500;}
.payment-details .btn-white{display: flex;align-items: center;justify-content: center;}
.payment-card-wrapper{border-radius: 8px;border: 1px solid #F5F2F1;background: #F9F9F9;padding: 35px 20px;}
.plan-inner-body h6{font-size: 23px;font-weight: 700;}
.plan-inner-body .info-text{font-size: 14px;font-weight: 400;}
.payment-card-wrapper h5{font-size: 15px;font-weight: 500;}
.primary-card a{border-radius: 30px;padding: 5px 0px !important;width: 113px;}
.payment-card-wrapper span{color: #B93030;display: flex;justify-content: center;}
/* .reports-table .table{background:#F9F9F9;padding: 8px;display: block;border-radius: 10px;} */
.reports-table .table > :not(caption) > * > *{
  vertical-align: middle;
  font-size: 12px;
  font-weight: 400;

}
.reports-table tr{text-align: left;}
.reports-table .table > :not(caption) th {
  vertical-align: top;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 0px;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: #fff !important;
}
.reports-table table thead tr {border-bottom: none;}
.reports-table table thead th{border-bottom: none;}
.reports-table table tbody td{padding: 13px 0px !important;}

.complete-btn{
  background:  #D6E4FF;
  padding: 5px 15px;
  border-radius: 25px;
  color: #4785FF;
  text-decoration: none;
  width: 90px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;

}
.pending-btn{background: #F9D999;
  padding: 5px 15px;
  border-radius: 25px;
  color: #DC960D;
  text-decoration: none;
  width: 90px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;}
.fail-btn{
  background: #F9A099;
  padding: 5px 15px;
  border-radius: 25px;
  color: #DC1A0D;
  text-decoration: none;
  width: 90px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;

}
.dwld-btn{background: #B93030;
  height: 27px;
  width: 27px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  margin-left: 13px;
  padding: 3px 0px;}
  .dwld-btn span{color: #fff;font-size: 19px;}

.pagination-body{display: flex;justify-content: end;}
.pagination-body ul{margin-bottom: 0px;}
.pagination-body .page-link{border: none;}
.pagination-body .page-link.active{border-radius: 50%;background: #F1F1F1; color: #000;}
.page-item:not(:first-child) .page-link{margin-left: 0px;}
.page-link:hover {
  z-index: 2;
  color: #000;
  background-color: none!important;
  border-radius: 50%;
}
.page-item:first-child .page-link,.page-item:first-child .page-link:hover {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination-body li{display: flex;align-items: center;}

.page-link{color: #858585 !important;}

.pagination-body .arrow-btn{color: #B93030;font-size: 22px; font-weight: 600;padding: .375rem .75rem;}
.pagination-body li a{display: flex;align-items: center; text-decoration: none;}
.pagination-body .page-link:focus {
  border-radius: 50%;
}
.plan-rates .symbol{font-size: 14px;}
.plan-rates .plan-amount{font-size: 25px;}
.month-text{text-align: end;font-size: 15px;font-weight: 300;}
.page-item:not(:first-child) .page-link {
  margin-left: 5px !important;
}
.invoice-text{font-size: 14px;margin: 0;display: inline-block; width: 97px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.invoice-body{display: flex;align-items: center;}
.bill-date{font-size: 14px;margin: 0;display: inline-block; width: 104px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; color: #858585 ;}
  .newcard-sec{display: flex;justify-content: end;
 }

  .card-modal .modal-head{color: #000 !important;font-weight: 700 !important;font-size: 25px !important;}
  .card-modal .modal-header{border-bottom: none;}
  .card-modal .modal-footer{border-top: none;padding: 30px 15px 30px 15px;}
  .card-modal .form_input{border-bottom: 1px solid #C3C3C3 !important;}
  .card-modal .modal-body h3{font-weight: 600;font-size: 27px;}
 .card-modal .modal-body p{font-size: 15px;}
 .payment-card-wrapper img{height: 20px;}
 .invoice-body img{height: 30px;}
 .primary-modal{padding: 0px 70px;}
.card-modal .modal-body{padding: 0px;}
.payment-type .modal-header{padding: 20px;}
/* .change-pass .modal-footer button{width: 20%;} */
.card-modal .payment-modal-body{padding: 10px 20px 10px 20px;}
.payment-type .modal-footer{padding: 0px 17px 25px 20px;}
.table-reports {
  border-collapse: collapse;
  font-size: 0.85em;
	margin: 0 auto;
	min-width: 400px;
}
.table-reports td,
.table-reports th {
  padding: 0.8em;
}
.table-reports th {
  font-weight: normal;
  text-align: left
  
}
.table-reports td:first-of-type {
  text-align: left;
}
.table-container {
  overflow-x: auto;
}
.table-reports td:first-child {
  background-color: #ffffff;
}
.table-reports th:first-child {
  width: 8em;
}
.newcard-sec button{padding: 5px 10px !important;}
.modal-footer.payment-footer button{width: 20% !important;}

/*----- invoice style ends ------ */

/*----- my profile start ------*/

.profile-wrapper .plan-sec{margin-top: 0px; background-image: url('../image/myprofile.jpg');background-size: cover;background-repeat: no-repeat; height: 619px;width: 100%;}
.profile-wrapper .profile-body{border-radius: 16px;border: 1px solid #E8E8E8;background: #F9F9F9;padding: 20px;}
.profile-inner-btn{text-align: end;}
.circle {
  position: relative;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin: 33px 0px;
}
.circle img{width: 130px;height: 130px;}
.p-image {
  position: absolute;
  color: #666666;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  right: 0;
  bottom: 10px;
  background: #B93030;
  padding: 10px 10px;
  border-radius: 50%;
  height: 40px;
  width: 40px;}
  .upload-button span {
    color: #fff;
    font-size: 20px;
  }
  .file-upload {
    display: none;
  }
  .profile-plan-body{

    padding: 20px;
  }
.profile-plan-body .wrapper-text p{margin: 0;}
.profile-plan-body .plan-types{margin-top: 7px;border-radius: 4px;border: 1px solid #DFDFDF;box-shadow: none;overflow: hidden;}
.change-pass .pass-modal{padding: 0px 30px;}
.change-pass .modal-footer{padding: 5px 28px 30px 30px;}
.change-pass .modal-header{padding: 30px;}
.dropdown-toggle::after {display: none !important;}

.ticket-num{padding: 5px;
  background: #B93030;
  color: #fff;
  border-radius: 50%;
  padding: 5px 11px;
  margin-left: 5px;
  display: inline;
}

.win-btn{
  background: #C3F999;
  padding: 5px 15px;
  border-radius: 25px;
  color: #CCCCCC;
  text-decoration: none;
  width: 90px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
}
.canceld-btn{
  background: #DDDDDD;
  padding: 5px 15px;
  border-radius: 25px;
  color: #949494;
  text-decoration: none;
  width: 90px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
}

.table-rwd {
  border-collapse: collapse;
  font-size: 0.85em;
	margin: 0 auto;
	min-width: 900px;
}

.table-rwd td,
.table-rwd th {
  padding: 0.8em;
}

.table-rwd th {
  font-weight: normal;
  text-align: left;
  
}


.table-rwd td:first-of-type {
  text-align: left;
}


.table-container {
  overflow-x: auto;
}

.table-rwd td:first-child {
  background-color: #ffffff;
 
 
}

.table-rwd th:first-child {
  width: 8em;
}


.footer-inner-img img{height: 18px;}



.set-primary{padding: 11px 18px !important;}


.profile-image-edit{display: flex;justify-content: start;}

/*----- my profile end ------*/


/*------ About-Us style start --------*/


.aboutus-wrapper .plan-sec {
  margin-top: 0px;
  background-image: url('../image/about_us_backgrnd.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 619px;
  width: 100%;

}
.aboutus-wrapper .billing-wrapper{margin-top: 70px;}
.aboutus-wrapper .about-us-text{
  text-align: center !important;
  padding: 5px 20px;
}
.about-us-text .cnt4{font-weight: bold;font-size: 45px;text-align: center !important;}
.cnt6{font-size: 23px;text-align: center;font-weight: 600;}
.cnt4{font-weight: bold;font-size: 40px;letter-spacing: 1px;margin-bottom: 15px;}
.about-us-text p{line-height: 30px;padding: 0px 147px;}
.aboutus-wrapper .plan-wrapper{margin-top: -370px;}
.count-body{background: #B93030; margin-top: 70px;border-radius: 80px;padding: 20px;color: #fff !important;}
.count-body h3{font-size: 55px;font-weight: 800;}
.count-body  h5{font-size: 23px;font-weight: 700;}
.cntp{color: #858585;text-align: center !important;}
.aboutus-features-text{text-align: center !important;margin-top: 70px;margin-bottom: 35px;}
.feature-card{
  text-align: center;
  border-radius: 14px;
  box-shadow:  5.29811px 5.29811px 30.46415px 0px rgba(82, 82, 82, 0.18);
  border-radius: 10px;
  min-height: 255px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(var(--bs-gutter-x) * .9);
}
.feature-card h5{font-size: 25px;font-weight: 700;padding: 18px 100px;}
.feature-card img{height: 110px;}
.our-team-wrapper{margin-top: 50px;}
.our-team-wrapper h4{text-align: center !important;}
.team-inner-body{text-align: center;margin-bottom: calc(var(--bs-gutter-x) * 1.5)}
.team-inner-body img{height: 220px;object-fit: contain;}
.team-inner-body h5{font-size: 24px;font-weight: 600;padding: 15px 0px 5px 0px;margin: 0;}
.team-inner-body h6{font-size: 17px;}



/*------ About-Us style ends --------*/


/*------- Contact Us style start ---------*/

.contactus-wrapper .plan-sec {
  margin-top: 0px;
  background-image: url('../image/contactus_bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 619px;
  width: 100%;

}
.contact-info{
  background: #B93030;
  color: #fff;
  border-top-right-radius: 90px;
  padding: 30px;
}
.dropmessage-body .cnt4{font-size: 28px;font-weight: 700;margin-bottom: 35px;}
.contactus-wrapper .billing-wrapper{
 padding: 0px;
}
.dropmessage-body{
  padding: 30px 30px 30px 10px;
}
.contact-icons{
  font-size: 55px !important;
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.contact-info h5{font-size: 20px;font-weight: 700;}
.contact-info p{font-size: 16px;font-weight: 400;}
.form-star{color: #F00;}
.accordion-button::after {
  background-image: url("../image/add.svg") !important;
  transform: scale(.7) !important; display: block; width: 40px; height: 40px; border-radius: 50%; background-position: 10px; padding: 5px 10px; background-size: 35px !important;}
.accordion-button:not(.collapsed)::after {background-image: url("../image/remove.svg") !important;background-size: 35px !important;}
.accordion-button:not(.collapsed) {color: none; background-color: #fff; box-shadow: none; }
.accordion-button:focus {border-color: none;outline: none;box-shadow: none; }
.accordion-button::after {
  width: 40px !important;
  height: 40px !important;
}
.accordion-button:not(.collapsed) {
  color: #fff !important;
  background-color: #B93030 !important;
}
.accordion-button{
  color: #fff !important;
  background: #B93030 !important;
  margin-bottom: 10px;
  font-size: 22px !important;
  font-weight: 400 !important;
}
/* .accordion-item{border: 1px solid #B93030 !important;margin-bottom: 10px;} */
.accordion-item{border: none !important;}

.accordion-item .show .accordion-item{border: 1px solid #B93030 !important;margin-bottom: 10px !important;}
.accordion-button:focus {
  border-color: #B93030 !important;
  box-shadow: none !important;

}


/*------- Contact Us style ends ---------*/



/*------- Draw detalis style start ------*/

.draw-wrapper .plan-sec {
  margin-top: 0px;
  background-image: url('../image/draw-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 619px;
  width: 100%;

}
.draw-card h5{
  font-size: 20px;
  font-weight: 500;
  color: #000 !important;
}
.draw-card h4{font-size: 53px !important;font-weight: 700 !important;color: #B93030;}
.draw-card p{font-size: 17px !important;}
.winning-item img{height: 390px; border-radius: 14px;}
.draw-card button{font-size: 15px;}
.winning-info-body{
  border-radius: 14px;
border: 1px solid #E8E8E8;
background: #F9F9F9;
padding: 18px;
}
.winning-info-body h4{font-size: 24px !important;font-weight: 700 !important;}
.winning-info-body p{font-size: 18px !important;}

.content{
width: 100%;height: 100%;
border-radius: 4px;
background: #FFF;
box-shadow: 14px 20px 43px 0px rgba(0, 0, 0, 0.12);
margin-top: 40px;
padding: 33px;}
.items{
  /* max-width: 1140px; */
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
  grid-auto-rows: 280px;
  grid-auto-flow: dense;
  grid-gap: 25px;
}
.item-row{
  position: relative;
  border-radius: 12px;
  border: 1px solid #F3F3F6;
  overflow: hidden;
}
.item-row a{display: block;
width: 100%;
height: 100%;
overflow: hidden;}
.item-row .item{height: 100%;}
.item-row img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.9s;
  user-select: none;
}
.item-row a:hover img{
  transform: rotate(3deg) scale(1.2);
}
.share-btn{
  display: flex !important;
  justify-content: center !important;
  align-items: center;
}
.carousel-control-prev-icon {
  background-image:url(../image/gallery-left.png) !important
}
.carousel-control-next-icon {
  background-image: url(../image/gallery-right.png) !important
} 

.modal-body .btn-close{
background: black !important;
}

/*------ Draw detalis style end-----*/


/*------ responsive -------*/


@media (max-width: 1599.98px) { 
  .banner { height: 780px;}
  .membership-wrapper .plan-wrapper {
    margin-top: -438px;
  }
  .membership-wrapper .plan-sec{background-size: contain;}

}

@media (max-width: 1399.98px) { 
  .nav-item a{ margin-right: 5px;}
  .banner{height: 620px;}
  .banner-text {padding: 0px 240px;}
  .about-us-wrapper p {padding: 0px 150px;}
  .info-body{ height: 250px;}
  .card-wrapper img { height: 130px; width: 130px !important;}
  .card-wrapper h5 { font-size: 20px;}
  .card-wrapper p{font-size: 16px;}
  .card-info p { font-size: 15px;}
  .wrapper-text {min-height: 370px; }
  .plan-types h4 {font-size: 30px;}
  .offer-wrapper { width: 100%;top: 18px; rotate: -40deg;left: -134px;}
  .plan-wrapper h5 { font-size: 16px;font-weight: 400;}
  .customer-support-wrapper h2 {font-size: 40px; }
  .customer-support-wrapper h6 { font-size: 17px; }

  /* membership */

  .membership-wrapper .plan-wrapper {text-align: center; margin-top: -535px;}
  .plan-card-body {padding: 20px; min-height: 340px;}
  .plan-types { margin-top: 10px;}
  .plan-card-body h5 {  font-size: 18px;}
  .membership-card-wrapper h4 { font-size: 33px;}
  .membership-card-wrapper {margin-bottom: 0px;}


/* about us */

  .aboutus-wrapper .plan-sec {
   
    background-size: contain;
    height: 500px;
  }
  .about-us-text .cnt4 {
  
    font-size: 40px;
  }
  .cnt4 {
    font-size: 40px;
  }
  
  .cnt6 {
    font-size: 20px;
  }
  .about-us-text p {
    padding: 0px 55px;
  }
  .count-body h3 {
    font-size: 45px;
  }
  .count-body h5 {
    font-size: 20px;
  }
  .feature-card h5 {
    padding: 15px 70px;
  }
  .team-inner-body img {
    height: 200px;
  }

/* draw details */

.draw-wrapper .plan-sec {
  background-image: url('../image/draw-bg.jpg');
  background-size: contain;
  height: 460px;
}

}

/* offers page */
.offer-page{ width: 100%; }
.offer-page .banner{width: 100%; background:url(../image/offer-banner.jpg) no-repeat; height: 400px;  }
.offer-page .banner p{text-align: center !important; color: #fff; max-width: 800px; margin: auto;}
.offer-page .banner h1{text-align: center; color: #fff; }
.offer-page .card{border: none; box-shadow: 14px 20px 43px 0px rgba(0, 0, 0, 0.12); padding:2rem 1rem 1rem 1rem; cursor: pointer;}
.offer-page .card h2{font-size:1.5rem;}
.offer-page .card-body{padding: 1rem;}
.offer-page .card-body small{display: block; font-size:1rem; color: #434343;}
.offer-page .card-body span{font-size: 1.2rem;}
.offer-page .card-body .red{color:#B93030;}
.offer-page .minus-margin{ margin-top: -70px;}
.offer-page .modal-body h3{text-align: center;}
.offer-page .modal-body h3{ font-size: 2rem;}
.offer-page .modal-body .card-body small{font-size: 1.2rem;}
.offer-page .modal-body .card-body span{font-size: 1.6rem;}
.offer-page .modal-body .card-body .text-right{display: block; text-align: right;}
.offer-page .modal-body section{border-radius: 16px; border: 1px solid #E8E8E8;background: #F9F9F9; padding: 1.4rem; max-width: 620px; margin: auto;}
.offer-page .modal-body section h4{text-transform: uppercase;}
.offer-page .modal-header{text-transform: uppercase;}
.offer-page .modal-body .btn-danger{font-size: 1.4rem;}
.offer-page .modal-body button:hover{background:#bf1616 !important;}

/* partners page */
.partners-page{ width: 100%; }
.partners-page .banner{width: 100%; background:url(../image/partner-banner.jpg) no-repeat; height: 400px;  }
.partners-page .banner p{text-align: center !important; color: #fff; max-width: 800px; margin: auto;}
.partners-page .banner h1{text-align: center; color: #fff; font-size: 50px; }
.partners-page .minus-margin{ margin-top: -70px;}
.partners-page .card{border: none;box-shadow: 10px 10px 43px 0px rgba(0, 0, 0, 0.12); padding: 1rem; border-radius: 12px; margin-bottom: 30px;}
.partners-page .card h2{text-transform: uppercase; text-align: center; font-size: 1.5rem;}
.partners-page .card p{text-align: center; color: #1E1E1E; font-size: 1rem;}
.partners-page .section-two{padding: 1rem 0 1rem 0;}
.partners-page .section-two small{text-align: center; text-transform: uppercase; color: #B93030; font-size: .9rem; display: block; padding-top: 30px;}
.partners-page .section-two h3{text-align: center; font-size: 2.5rem; text-transform: uppercase; padding: 10px 0px 30px 0;}
.partners-page .section-two ul{margin: 20px 120px 0px 10px; padding: 0;}
.partners-page .section-two ul li{margin: 0; padding: 15px 0px 0px 0; display:flex; font-size: 1.2rem;}
.partners-page .section-two li:nth-child(1) span{background: url(../image/part-icon-1.svg) no-repeat;  width: 130px; height: 40px;}
.partners-page .section-two li:nth-child(2) span{background: url(../image/part-icon-2.svg) no-repeat;  width: 130px; height: 40px;}
.partners-page .section-two li:nth-child(3) span{background: url(../image/part-icon-3.svg) no-repeat;  width: 130px; height: 40px;}
.partners-page .section-two li:nth-child(4) span{background: url(../image/part-icon-4.svg) no-repeat;  width: 130px; height: 40px;}
.partners-page .section-two li:nth-child(5) span{background: url(../image/part-icon-5.svg) no-repeat;  width: 130px; height: 40px;}
.partners-page .section-three{box-shadow: 10px 9px 41px 0px rgba(0, 0, 0, 0.24); border-radius: 16px; padding:1rem 4rem 1rem 4rem; margin-top: 2rem;}
.partners-page .section-three small{text-align: left; text-transform: uppercase; color: #B93030; font-size: 1.5rem; display: block; padding-top: 30px;}
.partners-page .section-three h4{text-align: left; font-size: 2.5rem; text-transform: uppercase; padding: 10px 0px 0px 0;}

@media (max-width: 991px) { 
  .partners-page .section-two p{font-size: 1rem; padding: 20px;} 
  .partners-page .section-two ul li{font-size: 1rem;}
  .partners-page .section-two ul{margin: 20px;}
  .partners-page .section-two li span{margin-right: 10px;}
  .partners-page .section-three{padding: 1rem;}
  .partners-page .section-three small{font-size: 1rem;}
  .partners-page .section-three .btn-group .btn{padding: 10px 20px !important;}
}

@media (max-width: 1399px) { 
  .partners-page .section-two ul {
    margin: 20px 20px 0px 10px;
    padding: 0;
}
.partners-page .section-two ul li{font-size: 1rem;}
}

@media (max-width: 1199.98px) { 

.navbar{padding: 10px 15px;}
  .navbar-brand img { height: 22px; }
  .nav-item a{margin-right: 0px;font-size: 14px; }
  .banner { height: 506px; }
  .banner-text {padding: 0px 130px; }
  h1 {font-size: 75px; }
  p{font-size: 17px;}
  .about-us-wrapper {padding-top: 50px;}
  .about-us-wrapper p {padding: 0px 100px;}
  .info-body {height: 215px; }
  .info-body h3 { font-size: 45px; }
  .info-body h5 { color: #fff;font-size: 20px;}
  .card-wrapper img { height: 110px; width: 110px !important;}
  .card-wrapper{margin-top: 20px;padding: 18px;}
  .card-wrapper p { font-size: 14px;}
  .plan-sec{height: 315px;}
  .plan-wrapper {margin-top: -280px;}
  .banner-inner-text{font-size: 40px;}
  .plan-wrapper h4 {font-size: 25px;}
  .basic-head{padding: 20px;}
  .standrd-head {padding: 20px;}
  .plan-wrapper h5 {font-size: 14px; font-weight: 600;}
  .offer-wrapper { width: 100%; top: 10px;rotate: -44deg; left: -120px;}
  .wrapper-text {margin-top: 20px;padding: 15px;}
  .card-info p { font-size: 14px;}
  .wrapper-text {min-height: 350px;}
  .customer-support-wrapper img { height: 311px;}
  .customer-support-wrapper h6 {font-size: 15px;}
  .customer-support-wrapper h2 { font-size: 35px;}
  footer{ padding: 40px 30px;}
  footer h3{font-size: 20px;margin: 0;}
  .footer-inner-img{ display: flex; align-items: baseline;}

  .plan-card-body h5 { font-size: 17px;}
  .billing-wrapper {
    margin-top: 80px;
    padding: 20px;
}

.membership-inner{text-align: start;}
table th{text-align: start;}
.invoice-text {
  width: 160px;
}


.aboutus-wrapper .plan-wrapper {
  margin-top: -430px;
}
.count-body h3 {
  font-size: 40px;
}
.feature-card h5 {
  font-size: 20px;
  padding: 15px 45px;
}
.team-inner-body img {
  height: 160px;
}
.team-inner-body h5 {
  font-size: 20px;
}
.cnt6 {
  font-size: 17px;
}
.aboutus-wrapper .billing-wrapper {
  margin-top: 45px;
}

.contactus-wrapper .plan-sec {
  background-size: contain;
  height: 400px;
}

.draw-wrapper .plan-sec {
  height: 390px;
}
.draw-card h5{font-size: 17px;
}
}
@media (max-width: 991.98px) { 

  .tickets-wrapper .table {

    overflow-y: auto;
  }

  h1 { font-size: 60px;}
  p {font-size: 15px;}
  .banner {height: 398px; }
  .banner-text { padding: 0px 90px; }
  .about-us-wrapper p {padding: 0px 40px;}
  .info-body {height: 162px;  }
  .info-body h3 {font-size: 35px; }
  .info-body h5 {font-size: 15px;}
  .plans {height: 150px;width: 150px; }
  .plan-amount {font-size: 35px; }
  .wrapper-text { padding: 35px; }
  .wrapper-text-inner{ display: flex;justify-content: center;}
  .card-info p { font-size: 20px;}
  .wrapper-text {   min-height: 330px; }
  .offer-wrapper { top: 19px;rotate: -40deg; left: -253px;}
  .basic-head{padding: 26px; }
  .standrd-head {padding: 26px; }
  .customer-support-wrapper img {height: 220px;}
  .customer-support-wrapper { padding: 15px; }
  .customer-support-wrapper h6 {font-size: 12px; }
  .customer-support-wrapper h2 {font-size: 27px; }
  footer { padding: 30px 10px; }


  footer h3 {font-size: 19px;margin: 0; }



  .footer-menu li {margin-right: 0px;}
  .footer-line {margin: -5px 7px;}
  .media-icons{margin-right: 10px !important;}
.nav-wrapper .navbar-nav{ text-align: center;}
.join-info{display: block !important;text-align: center;padding: 0;}
.plan-sec {background-size: contain;}
.owl-wrapper { padding: 0px 0px;height: 200px;}
.customer-support-wrapper p {padding: 5px 0px;}
.nav-item .active{border-bottom: none;}
button.navbar-toggler{ color: #fff !important;border-color: #fff !important;}
.login-inner{display: block !important;}
.no-gutters{justify-content: center; align-items: center;}
.login-wrapper { margin: 0px;padding: 35px !important;}
.content-wrapper{height: 100vh;display: flex;justify-content: center; align-items: center;}
.background-wrapper{ background-image: none;}
.signup-background-wrapper{background-image: none;}
.signup-background-wrapper .content-wrapper{ height: 100%;}
.plan-types { margin: 30px 50px;}
.plan-card-body{ margin: auto;width: 50%;margin-bottom: 30px; min-height: 280px;}
.plan-card-body img{ height: 110px;}
footer { margin-top: 30px;}
.navbar-nav .nav-link:hover {
  color: #B93030 !important;
}

/* billing */

.billing-wrapper {
  margin-top: 80px;
}
.payment-inside-wrapper {
  margin-top: 15px;
}
.payment-inside-wrapper {
  height: auto;
}
.plan-wrapper h2 {
  font-size: 40px;
}
.billing-wrapper {
  margin-top: 50px;
}



.nav-item{display: flex;
justify-content: center;}
.profile-dropdown{justify-content: center;}
.payment-details .btn-white{justify-content: center;}

.profile-wrapper .plan-sec{background-size: contain;height: 315px;}
.profile-body h4,.profile-plan-body h4{text-align: center;}
.profile-plan-body{margin-top: 30px;}




.about-us-text .cnt4 {
  font-size: 29px;
}
.about-us-text p {
  padding: 0px 4px;
}
.count-body h3 {
  font-size: 30px;
}
.cnt4 {
  font-size: 29px;
}

.count-body h5 {
  font-size: 16px;
}
.aboutus-features-text {
  margin-top: 50px;
  margin-bottom: 25px;
}
.feature-card img {
  height: 85px;
}
.feature-card h5 {
  font-size: 16px;
  padding: 15px 35px;
}
.feature-card {
  min-height: 200px;
}
.our-team-wrapper {
  margin-top: 30px;
}
.team-inner-body img {
  height: 100px;
}
.team-inner-body h5 {
  font-size: 15px;
}
.cnt6 {
  font-size: 13px;
}
.team-inner-body {
  text-align: center;
  margin-bottom: calc(var(--bs-gutter-x) * 1);
}

.dropmessage-body .cnt4 {
  font-size: 20px;
}
.accordion-button{font-size: 18px !important;}

.profile-image-edit{display: flex;justify-content: center;}


.winning-item img {
  object-fit: cover;
}
.draw-card h4 {
  font-size: 45px !important;
}

}

@media (max-width: 767.98px) { 
  .navbar { padding: 15px; }
  .banner { height: 295px; }
  h1 {font-size: 40px; }
  h2 {font-size: 35px; }
  h6 {font-size: 16px; }
  .banner-text { padding: 0px 20px;}
  .about-us-wrapper p { padding: 0px 0px; }
  .info-body { height: 125px; }
  .info-body h3 { font-size: 25px; }
  .info-body h5 { font-size: 12px;  }
  .communtity-wrapper h4 { font-size: 30px;  }
  .card-wrapper img {height: 90px; width: 90px !important; }
  .offer-wrapper { width: 100%; top: 16px; rotate: -41deg;left: -160px; }
  .plan-wrapper {margin-top: -243px; }
  .card-info p {font-size: 16px; }
  .owl-wrapper .item{ margin-right: 20px; }
  .customer-support-wrapper{ margin-top: 15px;text-align: center; }
  .btn-body-support{justify-content: center; }
  .customer-support-wrapper p {padding: 15px 0px; }
  .customer-support-wrapper h2 {padding-top: 7px; }
  .footer-inner-wrapper{display: block;text-align: center; }
  .footer-menu ul{display: block; }
  .footer-line{ display: none; }
  .footer-inner-img { justify-content: center; }
  .media-icons-wrapper{ display: flex !important; }
  .footer-menu{ justify-content: center;display: flex; }
  .footer-menu li{margin: 15px 0px; }
 
  .plan-card-body { width: 65%;  min-height: 250px; }
  .membership-card-wrapper h4 {  font-size: 25px;}
  .plan-card-body img { height: 90px; }
 
  .billing-wrapper {
    margin-top: 30px;
  }


  .membership-wrapper .plan-sec {
    height: 250px;
  }
  .membership-wrapper .plan-wrapper {
    margin-top: -200px;
  }

.payment-card-wrapper img{margin: 12px 0px !important;}
  .plan-head-text{text-align: center !important;}
  .newcard-sec{display: flex;justify-content: center;}
  .primary-card{display: flex;justify-content: center;padding: 15px 0px;}
  .set-primary{margin: 15px 0px !important;}
  .pending-btn{
    padding: 5px;
    width: 70px;
  }
  .complete-btn{
    padding: 5px;
    width: 70px;
  }
  .fail-btn{
    padding: 5px;
    width: 70px;
  }
  table{
    background: none;
  }
  .invoice-text {
    width: 70px;
  }
  .bill-date {
    width: 110px;
  }
  .payment-card-wrapper {
    padding: 15px 0px;
  }
 
  .footer-inner-img img{height: 18px;}

  .profile-wrapper .wrapper-text{padding: 15px;}


  .contactus-wrapper .plan-wrapper {
    margin-top: -330px;
  }

  .about-us-text .cnt4 {
    font-size: 20px;
  }
  .about-us-text p {
    line-height: 25px;
  }
  .count-body {
    margin-top: 50px;
  }
  .count-body h3 {
    font-size: 24px;
  }
  .count-body h5 {
    font-size: 14px;
  }
  .cnt4 {
    font-size: 20px;
  }
  .team-inner-body img {
    height: 125px;
  }
  .team-inner-body h5 {
    font-size: 18px;
  }
  .cnt6 {
    font-size: 15px;
  }
  .draw-wrapper .plan-sec {
    height: 310px;
  }
  .draw-card{text-align: center;}
  .draw-card h4{text-align: center !important;}
  .item-row{margin-bottom: 20px;}

  .modal-body .btn-close{
    padding: 5px !important;
    }
    
}
@media (max-width: 576px) { 
  .banner-text {padding: 0px 0px; }
  h1 {font-size: 21px;  }
  h2 { font-size: 20px; }
  h6 {font-size: 13px; }
  p{font-size: 14px;  }
  .btn-danger, .btn-white, .btn-dark {padding: 5px 10px; }
  .about-us-wrapper { padding-top: 25px; }
  .info-body h3 {font-size: 14px;font-weight: 700;}
  .info-body h5 {font-size: 12px;font-weight: 600; }
  .communtity-wrapper {padding-top: 35px;}
  .communtity-wrapper h4 { font-size: 20px;}
  .card-wrapper { padding: 15px;}
  .card-wrapper img { height: 70px;width: 70px !important;}
  .plan-wrapper { margin-top: -300px; }
  .plan-wrapper h5 { font-size: 13px; }
  .plan-wrapper h4 {font-size: 25px;}
  .plan-offer-text{font-size: 14px;font-weight: 500; }
  .offer-wrapper {  top: 17px;rotate: -39deg; left: -163px; }
  .plans {height: 120px;width: 120px;  }
  .wrapper-text { padding: 15px;}
  .wrapper-text { min-height: 325px; }
  .patner-sec {padding-top: 50px; }
  .owl-wrapper { height: 240px;}
  .customer-support-wrapper h6 { font-size: 11px; }
  .customer-support-wrapper { padding: 15px 0px; }
  .customer-support-wrapper h2 { font-size: 20px; }
  footer { padding: 30px 10px; }
  .footer-logo { height: 20px; }
  .info-body { height: 85px;}
  .standrd-head {padding: 38px;}
  .basic-head{padding: 38px;}
  .login-wrapper{ margin: 10px;}
  .plan-card-body {width: 60%; min-height: 250px; }
  .membership-card-wrapper h4 {  font-size: 20px;}
  .membership-wrapper .plan-wrapper {
    margin-top: -215px;
  }
  .membership-card-wrapper {
    margin-top: 40px;
  }
  .plan-card-body p {font-size: 17px;}
  footer { margin-top: 10px;}

  .card-wrapper p {
    font-size: 13px;
  }

  .billing-wrapper {
    margin-top: 45px;
  }
  
  .plan-wrapper{margin-bottom: 40px;}


  .payment-type img {
    height: 180px;
  }
  .success-inner-text h6 {
    font-size: 25px;
  }
  .page-item:not(:first-child) .page-link {
    margin-left: 2px !important;
  }
  .page-link{padding: 0px 5px !important;}

  .primary-modal {
    padding: 0px 25px;
  }
  .card-modal .modal-body h3 {
    font-size: 19px;
  }
  .card-modal .modal-body p {
    font-size: 14px;
  }
  .card-modal .modal-footer {
    padding: 15px 15px 20px 15px;
  }

  .profile-inner-btn{
    text-align: center !important;
  }
  .profile-wrapper .wrapper-text{min-height: 375px;}




  footer h3 {
    font-size: 16px;
 
  }
  .plan-wrapper h2 {
    font-size: 20px;
  }
  .footer-inner-img img {
    height: 16px;
  }

  .aboutus-wrapper .plan-wrapper {
    margin-top: -470px;
  }
  .aboutus-wrapper .about-us-text {
    padding: 5px 0px;
  }
  .count-body h3 {
    font-size: 20px;
  }
  .count-body h5 {
    font-size: 11px;
  }
  .btn-danger,.btn-white ,.btn-dark{font-size: 14px !important;}

  .money-img{margin: auto;
    display: block;
    height: 300px !important;}

  .items{display: block;}
  .item-row{margin-bottom: 20px;}
  .winning-info-body h4 {
    font-size: 19px !important;}
    .draw-card h4 {
      font-size: 34px !important;
    }

    .contactus-wrapper .plan-wrapper {
      margin-top: -365px;
    }

    .winning-item img {
      height: 200px;
    }
    .winning-item{text-align: center;}
}

@media (max-width: 530px) { .basic-head{ padding: 30px; }
  .standrd-head { padding: 30px; } 
  .offer-wrapper {top: 18px; rotate: -42deg;left: -124px; }
  

  .membership-wrapper .plan-wrapper {
    margin-top: -210px;
  }
  .plan-types {
    margin: 25px 20px;
  }



  .profile-wrapper .wrapper-text {
    padding: 5px;
  }

  .billing-wrapper {
    margin-top: 20px;
  }

  .profile-plan-body {
    padding: 0px;
  }
  .profile-wrapper .wrapper-text {
    min-height: 325px;
  }
  .profile-plan-body .plan-types {
    margin: 15px 0px;
  }
  .plan-amount {
    font-size: 28px;
  }

  .contact-icons {
    font-size: 35px !important;
  }
  .contactus-wrapper .plan-wrapper {
    margin-top: -386px;
  }
}

@media (max-width:390px){
  .offer-wrapper { top: 19px;rotate: -44deg;left: -129px;}
  .login-wrapper { margin: 8px !important;padding: 15px !important;}
  .reminder-text {font-size: 14px;}
  .login-outer-text {font-size: 13px;}
  .signup-background-wrapper .login-wrapper{margin: 8px !important;}

  .plan-offer-text {
    font-size: 12px;
  }
  .plan-types {
    margin: 15px 10px;
  }
  .card-info p {font-size: 14px; }
  .plan-wrapper h4 {
    font-size: 16px;
  }

  .payment-type img {
    height: 130px;
  }
  .success-inner-text h6 {
    font-size: 20px;
  }

  .bill-date {
    width: 100px;
    font-size: 13px;
  }
  .invoice-text {
    width: 30px;
  }
  .pending-btn {
    padding: 2px;
    width: 80px;
  }
  .fail-btn {
    padding: 2px;
    width: 80px;
  }
  .complete-btn {
    padding: 2px;
    width: 80px;
  }
  .plan-inner-body{padding: 17px;}
  .plan-wrapper h4 {
    font-size: 17px;
    font-weight: 500;
  }
  .plan-inner-body h6 {
    font-size: 18px;
    font-weight: 500;
  }
  .plan-rates .plan-amount {
    font-size: 20px;
  }
  .plan-inner-body {
    padding: 15px;
  }


  .about-us-text .cnt4 {
    font-size: 15px;
  }
  .aboutus-wrapper .billing-wrapper {
    margin-top: 0px;
  }
  .aboutus-wrapper .plan-wrapper {
    margin-top: -476px;
  }
  .cnt4 {
    font-size: 15px;
  }
  .cnt6 {
    font-size: 14px;
  }
  .aboutus-wrapper .billing-wrapper {
    padding: 10px;
  }
  .count-body {
    margin-top: 40px;
  }
  .aboutus-wrapper .plan-wrapper {
    margin-top: -490px;
  }
  .our-team-wrapper {
    margin-top: 20px;
  }
}

@media (max-width: 360px) { 
  .banner { height: 163px; }
  .banner p{ font-size: 12px;}
  .info-body { height: 80px; background-size: contain;}
  .offer-wrapper {  top: 16px;rotate: -44deg;left: -107px;}
  .owl-wrapper .item {margin: 0px 20px;}
  .owl-wrapper {  height: 195px;}

  /*------ login ------ */


  .login-logo{ height: 30px; }
  .login-wrapper h3 { font-size: 20px;font-weight: 600; }
  .login-wrapper{ margin: 0px; }
  .login-outer-text{font-size: 12px; }
  .login-wrapper { margin: 3px !important;padding: 12px !important;}
}
  @media only screen and (min-device-width: 1200px) {
    .offer-page .banner h1{font-size: 55px !important;}
  }

  @media only screen and (max-device-width: 767px) {
      .offer-page .card-body .row{ text-align: center;}
      .offer-page   .modal-body .card-body  .row{ text-align: inherit;}

      .offer-page .card h2{font-size: 1.2rem; text-align: center;}
      .offer-page .card-body span{font-size: .9rem;}
      .offer-page .modal-body h3{font-size: 1.3rem;}
      .offer-page .modal-body .card-body small{font-size: .9rem;}
      .offer-page .modal-body .card-body .text-right{font-size: .9rem;}
      .offer-page .card-body .red{font-size: .9rem !important;}
      .offer-page .rounded-start{display: block; margin: auto;}
  }
  @media screen and (min-device-width: 992px) and (max-device-width: 1200px) { 
      .offer-page .card-body span{font-size: 1rem;}
      .offer-page .card h2 {font-size: 1.2rem;}
      
  
  }

  /*------ offers page end ------ */

  .membership-wrapper .plan-wrapper { margin-top: -215px;}
  .membership-card-wrapper .info-text{font-size: 16px;}
  
  footer p{font-size: 15px;}

  .plan-card-body {
    width: 86%;
  }
  .plan-card-body p {
    font-size: 14px;
  }


  .payment-footer button {
    padding: 5px 25px !important;
  }
  .plan-wrapper h4 {
    font-size: 14px;
    font-weight: 600;
  }



  .card-modal .modal-head {
    font-size: 18px !important;
  }
  .modal-footer.payment-footer button {
    width: 35% !important;
  }



@media (max-width: 320px) {
  
  .membership-wrapper .plan-wrapper { margin-top: -230px; }
}


  /*------ responsive end -------*/