@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;900&display=swap');
::-moz-selection { /* Code for Firefox */color:#fff; background:#9b59b6;}
::selection {color:#fff; background:#9b59b6;}
.navbar-brand{ width:180px;}
.main-menu{ font-size:18px; font-weight:700; margin-left:80px;}
.main-menu li{ padding-right:15px;}
.support-menu img{ width:16px;}
.banner{ margin-top:60px;}
.carousel-caption{ font-size:120px; line-height:110px; bottom:10rem; font-weight:700;}
.carousel-indicators{ bottom:60px;}
.banner .button-slide{ border:0; margin:5px; width:50px; padding:1.5px;}
.h-head{ background:#f03465; letter-spacing:1px; padding:40px; padding-top:40px; padding-bottom:40px; line-height:40px; position:relative; top:-30px; font-size:35px;}
.h-head-txt{top:-60px; padding:40px; padding-top:30px; padding-bottom:30px;}
.h-head-txt span{ position:absolute; display:block; width:90px; top:-60px; left:150px;}
.h-featured-container{ background:url(../img/featured-bg.png) repeat-x; background-color:#21409a}
.h-featured-row{ position:relative; top:-80px;}
.price-color{color:#f03465;}
.link-btn{background:#0033ff; padding:8px 15px; color:#fff; border-radius:2px;}
.link-btn:hover, .link-btn:focus{color:#fff;}
.card-txt h3{text-overflow: ellipsis;}
.card-txt p{ height:40px; overflow:hidden;}
.h-featured-row .card{ transition:all ease 1s; margin-bottom:60px;}
.h-featured-row .card:hover{ background:#f5f5f5 !important;}
.card-txt img{ width:25px;}
.card-img{position:relative;}
.card-tag{position:absolute; z-index:1; background:#9b59b6; color:#fff; top:30px; right:0; padding:3px 15px; font-size:15px;}
.h-soon{ padding-top:80px; padding-bottom:40px;}
.h-winners{ padding-top:80px; padding-bottom:80px;}
.subscribe{ padding-top:80px; padding-bottom:0px;}
.card h3{ text-overflow:ellipsis;}
.h-winners{ background:#f5f5f5;}
.h-winners .card{ margin-top:60px;}
.btm-help{ padding:30px 40px; background:#9b59b6; color:#fff; margin-top:40px; position:relative; bottom:-30px;}
.btm-help a{ color:#fff; font-size:30px; border-bottom:2px solid #fff; display:inline-block; margin-right:45px; margin-top:20px;}
.footer{ background:#1b1b1b; color:#fff; padding-top:60px;}
.footer .border-top{ border-color:#666 !important;}
.footer ul li{ margin-right:20px !important; margin-bottom:5px;}
.footer ul li img{ width:23px;}
.footer a{ color:#fff;}
.h-soon-btntop{}
.h-soon-btnbtm{display:none}
.copyright img{ width:150px !important;}
.modal-dialog{ margin-right:0; margin-top:0; margin-bottom:0;}
.modal-right .modal.fade .modal-dialog {
  transition: transform 1s ease-out;
  transform: translate(20px, 0);
}
.modal-right .modal-dialog{ max-width:300px;}
.modal-right .modal-backdrop{ background:none;}
.edit-popup .btn-close{ position:absolute; right:20px; top:20px; z-index:9999;}
.dropdown-toggle::after{ display:none;}
.dropdown-menu .fa-caret-up{ position:absolute; top:-18px; left:16px; font-size:28px; color:#20409a}
.in-main{ margin-top:120px;}
.progress-holder{ position:absolute; height:30px; width:30px; border-radius:100px; color:#fff; background:#0033ff; padding-top:5px; font-weight:bold; top:-15px;}
.list-style{ list-style:outside; list-style-type:circle;}
.smalltext{ font-size:11px; font-weight:normal; text-transform:capitalize; margin-left:10px;}
.countdown-holder{font-size:18px; position:absolute; top:-400px; left:30px; border-left:10px solid #21409a; padding-left:50px; padding-top:60px;} .countdown big{ font-size:45px; margin-right:5px; color:#f03465;}
.s-image{ width:150px; display:block;}
.in-cause{ background:#f5f5f5;padding-bottom:60px; padding-top:60px;}
.in-cause .card{ background:none;}
.btm-link{ line-height:1.8rem;}
.bottom-fade{ display:none;}
.detail-head{ min-height:850px;max-height:1000px; overflow: auto}
.detail-other{ position:relative; top:-100px;}
.donate-win{background: url(../img/featured-bg.png) top repeat-x; background-color: #21409a; padding-bottom:10px; padding-top:0px; margin-top:40px; position:relative;}
#donate-anchor{ position:absolute; top:-60px;}
.donate-win .donate-win-holder{ position:relative; top:-60px;}
.donate-win .card big{line-height:30px; font-weight:900 !important; padding-top:20px;}
.donate-win-flot{position:absolute; top:0; background:#9b59b6; color:#fff; text-transform:uppercase; font-weight:600; padding:2px 8px; font-size:9px; border-radius:3px; top:-8px; left:30%;}
.attr-card {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  min-width: 50px;
}
.selected-attr {
  color: #fff !important;
  background-color: #0033ff !important;
  border-color: #0033ff !important;
}
.donate-win .card.border-primary{ border:2px solid #0033ff!important;}
.sm-profile{ width:30px; height:30px;}
.table td{ border:none !important; padding-top:15px; padding-bottom:15px;}
.in-banner{ margin-top:30px;}
.active-link{ border-bottom:1px solid #0033ff; padding-bottom:5px;}
.in-card{ margin-bottom:60px;}
.in-card .card{ margin-bottom:60px;}
.in-toptxt{background:#f03465;letter-spacing: 1px;padding: 40px;padding-top: 40px;padding-bottom: 40px;line-height: 40px;position: relative;top: -30px;font-size: 35px; color:#fff;}
.closed-total{ top:-100px;}
.cart-img{ width:100px; max-height:100px;}
.checkout-img{width:60px; height:60px;}
.table-width{ min-width:600px;}
.smtable-width{ min-width:400px;}
.profile-pic{ max-width:200px;}
.profile-detail{ padding-left:60px;}
.btn-profile{ background:url(../img/photo-camera.svg) no-repeat; background-size:contain; width:22px; height:22px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; position:absolute; bottom:0; right:30%; z-index:1;}
.bg-blue{ background:#21409a; color:#fff;}
.faqholder{ margin-top:50px;}
.accordion-button:not(.collapsed){ color:#0033ff; background:#fff;}
.accordion-button:focus { box-shadow:none;}
.accordion-button{}
.nav-tabs .active{ border-bottom:2px solid #0033ff !important;}                                                               
@media(max-width:1199px){
.carousel-caption{ font-size:90px; line-height:90px; bottom:7rem;}	
.btm-help a{ font-size:24px;}
.fs-1{ font-size:30px !important;}
}
@media(max-width:991px){
h3{ font-size:20px;}	
.carousel-caption{ font-size:60px; line-height:60px; bottom:6rem;}	
.h-head{padding:30px; padding-top:20px; padding-bottom:20px; line-height:50px; top:-30px; font-size:35px;}
.h-head-txt{top:0px; padding:30px; padding-top:0px; padding-bottom:30px; border-bottom:1px solid #ccc; background:none; padding-left:100px; border-radius: 0rem !important;}
.h-head-txt span{width:90px; top:0px; left:-20px;}
.main-menu{ margin-left:5px; margin-top:30px;}
.support-menu{ float:left !important; display:block !important; margin-left:5px;}
.support-menu li{display:inline-block !important; margin-right:20px;}
.h-featured-row{position:relative; top:20px;}
.h-soon-btntop{display:none;}
.h-soon-btnbtm{display:inline-block !important;}
.h-btm-abt{ margin-top:40px;}
.detail-head{ margin-top:40px;}
.countdown-holder{ position:relative; top:0px; margin-top:40px; padding-top:0;}
.big-btn{ position:fixed; bottom:0; z-index:99; right:5%; bottom:5%; width:90% !important;}
.bottom-fade{ display:block; width:100%; height:50px; background-image: linear-gradient(to bottom, transparent, white); bottom:0; position:fixed;}
.detail-other{ top:0; margin-top:60px;}
.in-cause{ margin-top:0px;}
.detail-head{ min-height:inherit; max-height:inherit; height:auto;}
.donate-win{margin-top:80px;}
.donate-win .donate-win-holder{ position:relative; top:-40px;}
.in-main{ margin-bottom:60px;}
.fs-5 {font-size: 0.950rem !important;}
.fs-6 {font-size: 0.850rem !important;}
.closed-total{ top:50px;}
.mt-5{ margin-top:40px;}
.border-end.pe-3{ padding-right:15px !important; border:none !important;}
.profile-detail{ padding-left:15px; margin-top:50px;}
}
@media(max-width:767px){
.carousel-caption{ font-size:40px; line-height:40px; bottom:6rem;}	
.banner .button-slide{width:30px;}
.h-head{line-height:35px; font-size:25px;}
.h-head-txt{top:0px; padding-top:0px; padding-bottom:30px; padding-right:0;}
.h-head-txt span{ position:absolute; display:block; width:75px; top:20px; left:0px;}
.btm-help a{font-size:22px;}
.donate-win .card{ margin-bottom:30px;}
.mt-5{ margin-top:20px !important;}
.in-toptxt{padding:30px;padding-top:30px;padding-bottom:30px;line-height:30px;font-size:25px;}
.in-card{ margin-bottom:30px;}
.in-card .card{ margin-bottom:30px;}
.profile-pic{ width:150px;}
.mb-3.mt-5{ margin-top:40px !important;}
}
@media(max-width:575px){
h3{ font-size:18px;}	
.carousel-caption{ font-size:25px; line-height:26px; bottom:4rem;}	
.carousel-indicators{ bottom:35px;}
.h-head{ top:30px;}
.h-head-txt{top:90px; padding:0; padding-bottom:20px; font-size:14px !important;}
.h-head-txt span{width:75px; top:-80px; left:0px;}
.h-featured-row{position:relative; top:120px;}
.h-featured-row h2{ color:#fff;}
.h-featured-row .card{ margin-bottom:30px;}
.h-featured-row .mb-5{ margin-bottom:30px !important;}
.white-btn{background:#0033ff !important; color:#fff; margin-top:10px; display:inline-block; padding-top:12px !important; padding-bottom:10px !important;}
.h-soon{ padding-top:180px;} .h-soon h2{ margin-bottom:30px !important;}
.h-winners{ padding-top:40px; padding-bottom:60px;}
.h-winners .card{ margin-top:30px;}
.subscribe{ padding-top:40px;}
.btm-help{bottom:40px; margin-top:40px; padding:30px;}
.btm-help a{font-size:18px;}
.copyright .float-end{ float:left !important; display:block; margin-top:30px;}
.h-btm-abt{padding-bottom:40px !important;}
.profile-detail{ margin-top:30px;}
.mb-3.mt-5{ margin-top:20px !important; margin-bottom:0px !important;}
.form-control, .form-floating > label{ font-size:.75rem;}
}
@media(max-width:400px){
.carousel-caption{ font-size:20px; line-height:26px; bottom:3rem;}	
.carousel-indicators{ bottom:35px;}
}