body {font-family: "Poppins", sans-serif;}
ul {list-style: none;}
a {text-decoration: none;}
header {position: sticky;top: 0px;background-color: aliceblue;width: 100%;z-index: 1000;}
section {position: relative;height: calc(100vh - 3rem);width: 100%;}
.overlay {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(30, 130, 95, 0.5);}
.carousel-control-next, .carousel-control-prev{    opacity: 0.0 !important;}
.logo-container {flex: 1;display: flex;align-items: center;}
.nav-btn {flex: 3;display: flex;}
.nav-links {flex: 2;}
.logo img{max-width:100px;}
.btn {display: inline-block;padding: .5rem 1.3rem;font-size: .8rem;border: 2px solid var(--clr-light);border-radius: 2rem;line-height: 1;margin: 0 .2rem;transition: .3s;text-transform: uppercase;}
.btn.solid,
.btn.transparent:hover {background-color: var(--clr-light);color: var(--clr-btn);}
.btn.transparent,
.btn.solid:hover {background-color: transparent;color: var(--clr-light);}
.nav-links > ul {display: flex;justify-content: flex-end;align-items: center;padding: 0px;margin-bottom: 0px;}
.nav-link {position: relative;font-size: 8px;}
.nav-link > a {line-height: 3rem;padding: 4px 11px;font-size: 16px;display: flex;align-items: center;justify-content: space-between;transition: .5s;font-family: "Poppins", sans-serif;font-weight: 600;color: #000000;}
.nav-link > a > i {margin-left: .2rem;}
.nav-link:hover > a {transform: scale(1.1);}
.dropdown {position: absolute;top: 100%;left: 0;width: 10rem;transform: translateY(10px);opacity: 0;pointer-events: none;transition: .5s;}
.dropdown ul {position: relative;}
.dropdown-link > a {display: flex;background-color: var(--clr-light);color: var(--clr-dropdown);padding: .5rem 1rem;font-size: .9rem;align-items: center;justify-content: space-between;transition: .3s;}
.dropdown-link:hover > a {background-color: var(--clr-dropdown);color: var(--clr-light);}
.dropdown-link:not(:nth-last-child(2)) {border-bottom: 1px solid var(--clr-light);}
.dropdown-link i {transform: rotate(-90deg);}
.arrow {position: absolute;width: 11px;height: 11px;top: -5.5px;left: 32px;background-color: var(--clr-light);transform: rotate(45deg);cursor: pointer;transition: .3s;z-index: -1;}
.dropdown-link:first-child:hover ~ .arrow {background-color: var(--clr-dropdown);}
.dropdown-link {position: relative;}
.dropdown.second {top: 0;left: 100%;padding-left: .8rem;cursor: pointer;transform: translateX(10px);}
.dropdown.second .arrow {top: 10px;left: -5.5px;}
.nav-link:hover > .dropdown,
.dropdown-link:hover>.dropdown {transform: translate(0, 0);opacity: 1;pointer-events: auto;}
.hamburger-menu-container {flex: 1;display: none;align-items: center;justify-content: flex-end;}
.hamburger-menu {width: 2.5rem;height: 2.5rem;display: flex;align-items: center;justify-content: flex-end;}
.hamburger-menu div {width: 1.6rem;height: 3px;border-radius: 3px;background-color: var(--clr-light);position: relative;z-index: 1001;transition: .5s;}
.hamburger-menu div:before,
.hamburger-menu div:after {content: '';position: absolute;width: inherit;height: inherit;
  background-color: var(--clr-light);border-radius: 3px;transition: .5s;}
.hamburger-menu div:before {transform: translateY(-7px);}
.hamburger-menu div:after {transform: translateY(7px);}
#check {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  z-index: 90000;
  cursor: pointer;
  opacity: 0;
  display: none;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div {
  background-color: transparent;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:before {
  transform: translateY(0) rotate(-45deg);
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:after {
  transform: translateY(0) rotate(45deg);
}

@keyframes animation {
  from {
    opacity: 0;
    transform: translateY(15px);
  }

  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
@media (max-width: 920px) {
.hamburger-menu-container {display: flex;}
#check {display: block;}
.nav-btn {position: fixed;height: calc(100vh - 3rem);top: 3rem;left: 0;width: 100%;background-color: var(--clr-btn);flex-direction: column;align-items: center;justify-content: space-between;overflow-x: hidden;overflow-y: auto;transform: translateX(100%);transition: .65s;}
  #check:checked ~ .nav-btn {transform: translateX(0);}
  #check:checked ~ .nav-btn .nav-link,
  #check:checked ~ .nav-btn .log-sign {animation: animation .5s ease forwards var(--i);}
  .nav-links {flex: initial;width: 100%;}
  .nav-links > ul {flex-direction: column;}
  .nav-link {width: 100%;opacity: 0;transform: translateY(15px);}
  .nav-link > a {line-height: 1;padding: 1.6rem 2rem;}
  .nav-link:hover > a {transform: scale(1);background-color: var(--clr-nav-hover);}
  .dropdown,
.dropdown.second {position: initial;top: initial;left: initial;transform: initial;opacity: 1;pointer-events: auto;width: 100%;padding: 0;background-color: var(--clr-dropdown-hov);display: none;}
  .nav-link:hover > .dropdown,
  .dropdown-link:hover>.dropdown {display: block;}
  .nav-link:hover > a > i,
  .dropdown-link:hover>a>i {transform: rotate(360deg);}
  .dropdown-link > a {background-color: transparent;color: var(--clr-light);padding: 1.2rem 2rem;line-height: 1;}
  .dropdown.second .dropdown-link > a {padding: 1.2rem 2rem 1.2rem 3rem;}
  .dropdown.second .dropdown.second .dropdown-link > a {padding: 1.2rem 2rem 1.2rem 4rem;}
  .dropdown-link:not(:nth-last-child(2)) {border-bottom: none;}
.arrow {z-index: 1;background-color: var(--clr-btn);left: 10%;transform: scale(1.1) rotate(45deg);transition: .5s;}
.nav-link:hover .arrow {background-color: var(--clr-nav-hover);}
.dropdown .dropdown .arrow {display: none;}
.dropdown-link:hover > a {background-color: var(--clr-dropdown-link-hov);}
.dropdown-link:first-child:hover ~ .arrow {background-color: var(--clr-nav-hover);}
.nav-link > a > i {font-size: 1.1rem;transform: rotate(-90deg);transition: .7s;}
.dropdown i {font-size: 1rem;transition: .7s;}
.log-sign {flex: initial;width: 100%;padding: 1.5rem 1.9rem;justify-content: flex-start;opacity: 0;transform: translateY(15px);}
}
.logo{margin-bottom: 0px;}
.banner img{max-width:100%;}
.child-second{padding: 30px 0px 0px;}
.child-content h1{font-weight: 600;font-size: 2rem;margin-bottom: 20px;}
.child-content p{font-size: 18px;text-align: justify;line-height: 32px;}
.child-content img{max-width:100%;}
.child-three{padding:30px 0px;margin-bottom: 20px;}

.three-content img{max-width: 100%;display: block;margin-top: 30px;border-radius: 20px;}
.three-content h2{font-weight: 700;margin: 20px 0px 20px;}
.three-content h3{font-size: 22px;font-weight: 600;}
.three-content p{font-size: 16px;line-height: 32px;margin-bottom: 10px;}
.three-content1 img{width: 100%;border-radius: 20px;padding: 30px;background: #ddd;}
table {font-family: "Poppins", sans-serif;border-collapse: collapse;width: 100%;}
td, th {border: 1px solid #dddddd;text-align: center;padding: 14px;}
tr:nth-child(even) {background-color: #dddddd;}
.table-section{margin-top: 40px;}
.footer-section{background:#022147;padding: 0px 0px 50px;position: relative;background-image: url(../images/vector-shape9.png);}
.footer-content h2{color: #fff;font-size: 24px;font-weight: 700;margin-bottom: 20px;}
.footer-content p{color: #fff;line-height: 30px;font-size: 18px;text-align: justify;font-weight: 500;}
.footer-content ul{padding: 0px;list-style: none;}
.footer-content ul li{padding: 5px;}
.footer-content ul li a{color: #fff;font-size: 16px;font-weight: 600;}
.last-footer{padding: 10px 0px;}
.content-footer{text-align: center;font-size: 18px;font-weight: 600;}
.top-sction{background:#fff;padding: 20px 20px;width: 70%;margin: auto;border-radius: 10px;margin-bottom: 40px;margin-top: -60px;box-shadow: 0px 1px 5px 4px #adadad5c;display: flow-root;}
.top-sction span{font-size: 34px;font-weight: 700;float: left;width: 70%;}
.top-sction p{width: 70%;font-size: 18px;float: left;margin-bottom: 2px;}
.top-sction a{font-size: 25px;font-weight: 600;color: #000;margin-top:-5px;display: block;text-align: left;}
.about-section  img{max-width:100%;}
.three-conte2{margin-top: 69px;}
.three-conte2 img{max-width:100%;}
.tabs {
	padding-bottom: 1rem;
	display: block;
	margin: auto;
	text-align: center;
	margin-top: 40px;
}

.tab {
	border: 1px solid transparent;
	display: inline-block;
	text-decoration: none;
	padding: 8px 16px;
    color: #FFF;
    background:#43406e;
    transition: all 0.7s;
}

.tab.active {
	color: #FFF;
	background: #373737;
	border: 1px solid #B3B1C4;
	position: relative;
}
 a.tab.active:after {
    content: '';
    border-bottom: 15px solid #fefefe;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    bottom: -18px;
    left: 50%;
    transition: all 0.7s;
    transform: translateX(-50%);
} 
.content {
	background: linear-gradient(to bottom right, white, #F8F8F8);
	box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3), 0 35px 50px -25px rgba(0, 0, 0, 0.3), 0 85px 60px -25px rgba(0, 0, 0, 0.1);
	display: none;
	padding: 1.5rem;
	color: #4a5666;
	margin-bottom: 50px;
	border-radius: 10px;
}
.content h1{
    color:gray;
}
.show {
	display: block;
 
}
.show .fadein{
       animation: fadein 0.7s ease;
}
@keyframes fadein{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
span.rope:before {
    content: '';
    height: 5px;
    width: 5px;
    background: #43406e;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    right: 0;
}

span.rope {
    display: inline-block;
    height: 1px;
    width: 40px;
    background: #43406e;
    vertical-align: middle;
    margin: 0 -4px;
    position: relative;
}
.fadein ul{
    padding: 0px;
    list-style: none;
    margin: 0px;
}
.fadein ul li{
    display: inline-block;
    width: 22.5%;
    margin: 1%;
}
.fadein ul li img{max-width:100%;}
.icon-pdf{padding:5px;border: 2px solid #ddd;border-radius: 10px;margin-bottom: 20px;height: 180px;}
.icon-pdf img{max-width: 100%;display: block;margin: 0px auto 10px;border-radius: 10px;}
.icon-pdf a{font-size: 14px;text-align: center;display: block;color: #000;}
.icon-pdf1{padding:5px;border: 2px solid #ddd;border-radius: 10px;margin-bottom: 20px;}
.icon-pdf1 img{max-width: 100%;display: block;margin: 0px auto 10px;border-radius: 10px;}
.icon-pdf1 a{font-size: 14px;text-align: center;display: block;color: #000;}

.content-footer h3{color: #fff;font-size: 24px;font-weight: 700;margin-bottom: 20px;text-align: left;}
.address-footer{padding:0px;}
.address-footer li{padding: 6px 0px;}
.address-footer li a{color:#fff;font-size:16px;}
.address-footer li a i{color:#fff;font-size:24px;margin-right:10px;}
.contact{box-shadow: 0px 10px 50px 0px rgb(53 82 99 / 9%);padding: 30px 20px;margin-bottom: 30px;}
.contact i{font-size: 30px;color: #f74f22!important;float: left;width: 10%;}
.contact h2{font-weight: bold;color: #022147;font-size:24px;font-weight:600}
.contact p{font-size: 16px;color: #1e2022;text-align: justify;}
.contact a{font-size: 16px;color: #1e2022;}
.solic{}
.solic ul{list-style: none;padding: 0px;margin-bottom: 0px;}
.solic ul li{display: inline-block;padding: 0px 10px;}
.solic ul li a{color: #fff;font-size: 20px;background:#ff0000;width: 30px;display: block;height: 30px;text-align: center;border-radius: 6px;}
.photo-silder{    padding: 0px 0px 91px;}
.hedding{color: #000;font-size: 30px;font-weight: 700;display: block;text-align: center;    margin-bottom: 40px;}
.wrapper{overflow-x: hidden;}
.slick-initialized .slick-slide{background-color: #b32532;color: #FFF;margin: 0 15px 0 0;display: flex;align-items: center;justify-content: center;}
.slick-next, .slick-prev{z-index: 5;}
.slick-next{right: 15px;}
.slick-prev{left: 15px;}
.slick-next:before, .slick-prev:before{color: #000;font-size: 26px;}
.img-photo img{max-width:100%;}


#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    display: block;
    margin-left: auto;
    margin-right: auto
}
#myImg:hover {opacity: 0.7;}
.modal {display: none;position: fixed;z-index: 1;
padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.9);}
.modal-content {margin: auto;display: block;width: 75%;}
#caption {margin: auto;display: block;width: 80%;max-width: 700px;text-align: center;color: #ccc;padding: 10px 0;height: 150px;}
.modal-content, #caption {-webkit-animation-name: zoom;-webkit-animation-duration: 0.6s;animation-name: zoom;animation-duration: 0.6s;}
.out {animation-name: zoom-out;animation-duration: 0.6s;}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(1)}
    to {-webkit-transform:scale(2)}
}
@keyframes zoom {
    from {transform:scale(0.4)}
    to {transform:scale(1)}
}
@keyframes zoom-out {
    from {transform:scale(1)}
    to {transform:scale(0)}}
.close {position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;}
.close:hover,
.close:focus {color: #bbb;text-decoration: none;cursor: pointer;}
@media only screen and (max-width: 700px){
    .modal-content {width: 100%;}
}
.nav-btn1{padding: 0px 10px !important;background: red;color: #fff !important;border-radius: 6px;border: 2px solid #ff8c04;}
.child-content h5{font-weight: 600;font-size: 1rem;margin-bottom: 20px;margin-top: 20px;}
.child-content a{color: #fff;font-size: 16px;background: #f00;padding: 12px;border-radius: 6px;display: block;text-align: center;margin-bottom: 50px;}
.child-content a i{color:#fff;font-size: 20px;padding: 0px 8px;}


button{box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.58);}
form h1 {text-align: left;color: rgb(0 0 0);padding-top: 0px;}

form p>a{color:#828999;text-decoration: none;transition: 0.3s }
form p>a:hover{color: #1da1f2}
form p>a:active{color: #1da1f2 }
.input-info {margin-top:10px;margin-bottom: 15px}/*the containe div style*/
input[type="text"],input[type="email"],input[type="password"]  {
    border: 1px solid #828999;
    padding: 10px;
    border-radius: 5px;
    width: 93%;
    background: none;
    color: #fff;
    margin: 5px 5px 5px 17px;
    outline: none;
    transition: 0.3s;
    text-indent: 15px;
    overflow: hidden;background: #fff;
}
 
.fa-refresh, .fa-lock, 
.fa-envelope, .fa-user-plus, 
.fa-user {
    position: absolute;
    margin-top: 14px;
    margin-left: 24px;
    color: #828999;
    display: block;
}
.input-info input:hover{background:#f2f2f2}
.input-info input[type="checkbox"] {margin-left: 17px;cursor: pointer;margin-top: 7px}
.input-info span {color: #83899a;font-size: 11px;}
.input-info span>a{color:#1da1f2 }
.input-info span>a:hover{color:#fff }
.log-sign{text-align: center;}
.signup,
.login{
    padding: 10px;
    margin-top: 16px;
    background: #435688;
    color: #fff;
    width: 103px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.5s;
    border: 1px solid #435688;
    outline: none;
}
.signup {
  background: #9e3434;
  border: 1px solid #9e3434;
}
.log-sign .signup>a{color: #fff;text-decoration: none;}
.log-sign button:hover{
   background:none;
   border:1px solid #828999;
   color: #828999;
}
.send{
    padding: 10px;
    margin-top: 16px;
    background: #435688;
    color: #fff;
    width: 103px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.5s;
    border: 1px solid #435688;
    outline: none;
    margin-left: 32%
}
.social-media{margin-bottom: 35px;}
.social-media .btn1 {border: 0;background: #3B5998;color: #fff;padding: 15px;width: 90%;margin-left: 16px;margin-top: 14px;border-radius: 5px;}
.social-media .btn2 {border: 0;padding: 15px;margin-top: 11px;width: 90%;margin-left: 16px;border-radius: 5px;background: #1DA1F2;color: #fff;}
.social-media button>a{color: #fff;text-decoration: none;}
.forget-password {text-align: center;}
.forget-password a {color: #1da1f2;transition: 0.3s;text-decoration:underline;}
.forget-password a:hover{color: #fff}
.forget-password a:active{color: #fff}
.form{width: 100%;
    display: block;
    margin: 39px 20px;
    float: left;
    background-image: url(../images/bg_dada.jpg);
    padding: 0px 10px 30px;
    border-radius: 20px;}
input[type="text"], input[type="email"], input[type="Phone Number"] {
    border: 1px solid #828999;
    padding: 10px;
    border-radius: 5px;
    width:45%;
    background: none;
    color: #fff;
    margin: 5px 5px 5px 17px;
    outline: none;
    transition: 0.3s;
    text-indent: 15px;
    overflow: hidden;float:left;background: #fff;
}		  

.donor{display: block;margin-top: 40px;}
.donor span{display: block;width: 100%;background: #75511d;padding: 10px;color: #fff;font-weight: 500;}
.donor h5{display: block;width: 100%;background: #75511d;padding: 10px;color: #fff;font-weight: 500;}
.donor p{margin-top: 20px;text-align: left;line-height: 24px;font-size: 14px;color: #000;}
#ddlstate{border: 1px solid #828999;padding: 10px;border-radius: 5px;width:45%;background: none;color: #000;margin: 5px 5px 5px 17px;outline: none;transition: 0.3s;text-indent: 15px;overflow: hidden;float:left;background: #fff;}  
td, th {text-align: left;padding: 14px;font-size: 16px;font-weight: 600;background: #fff;border-radius: 10px;border: 0px}		  
#ddlproducttype{padding: 10px;border-radius: 5px;width: 100%;background: none;color: #000;}
.form h3{margin: 20px 0px 0px;font-size: 24px;font-weight: 600;color: #000;text-shadow: 0px 0px 5px #bc0000;}
.form span{display: block;width: 100%;background: #75511d;padding: 10px;color: #fff;font-weight: 500;margin-bottom: 20px;}
.donor img{max-width: 30%;border-radius: 10px;display: block;margin: 10px auto;}
.table-section table tr{border: 1px solid #ddd;}
.table-section table tr th{border: 1px solid #ddd;}
.table-section table tr td{border: 1px solid #ddd;}

#ContentPlaceHolder1_txtName {display: block;width: 100%;height: 34px;padding: 26px 12px;font-size: 14px;line-height: 1.42857143;color: #555;
background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;margin-left:0px}
#ContentPlaceHolder1_txtEmail{display: block;width: 100%;height: 34px;padding: 26px 12px;font-size: 14px;line-height: 1.42857143;color: #555;
background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;margin-left:0px}			  
#ContentPlaceHolder1_txtSubject{display: block;width: 100%;height: 34px;padding: 26px 12px;font-size: 14px;line-height: 1.42857143;color: #555;
background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;margin-left:0px}			  
#ContentPlaceHolder1_txtPhone{display: block;width: 100%;height: 34px;padding: 26px 12px;font-size: 14px;line-height: 1.42857143;color: #555;
background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;margin-left:0px}			  
button, input[type="button"], input[type="submit"] {text-align: center;outline: 0;border: 0;display: inline-block;margin-top: 7px;width: 20%;padding: 15px !important;margin-bottom: 40px;}  
.form-group {margin-bottom: 7px;float: left;width: 100%;} 
label {display: inline-block;font-weight: 600;padding: 10px 0px;}			  
.heiging-fo{font-weight: 700;margin: 20px 0px;}	
.single a img{max-width:100%;}
.single{margin:0px 0px 30px;}

.lightboxpreview {
   transition: all .3s linear;
padding-top:60%;
  cursor:pointer;
  background-size:cover;
}
   
.lightbox-content {
max-height:75svh;
  height:75svh;
}

.lightbox-close { 
  cursor:pointer;
    margin-left: auto;
  position:absolute;
  right:-30px;
  top:-30px;
  color:white;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;}

.modalscale {transform:scale(0);
opacity:0;}



.lightbox-container, .lightbox-btn, .lightbox-image-wrapper, .lightbox-enabled{transition:all .4s ease-in-out;}
.lightbox_img_wrap {padding-top:65%;
  position:relative;
  overflow:hidden;
}
.lightbox-enabled:hover {
  transform:scale(1.1)
}
.lightbox-enabled {width:100%;
height:100%;
  position:absolute;
  top:0;
object-fit:cover;
cursor:pointer;}

.lightbox-container {width:100svw;
height:100svh;
position:fixed;
top:0;
left:0;
  display:flex;
  align-items:center;
  justify-content:center;
background-color:rgba(0,0,0,.6);
z-index:9999;
opacity:0;
pointer-events:none;
}

.lightbox-container.active {
  opacity:1;
  pointer-events:all;
}
.lightbox-image-wrapper {
  display:flex;
  transform:scale(0);
  align-items:center;
  justify-content:center;
  max-width:90vw;
  max-height:90vh;
  position:relative;
}
.lightbox-container.active .lightbox-image-wrapper {transform:scale(1);}
.lightbox-btn, #close {
  color:white;
  z-index:9999999;
 cursor:pointer; 
  position:absolute;
  font-size:50px;
}

.left {left:50px;}
.right {right:50px;}
#close {top:50px;
right:50px;}

.lightbox-image {
  width:100%;
  max-height:95vh;
  object-fit:cover;
 }

@keyframes slideleft {
  33% {transform:translateX(-300px);
  opacity:0;
  }
  66% {transform:translateX(300px);
  opacity:0;
  }
}


.slideleft {
   animation-name: slideleft;
 animation-duration: .5s; 
 animation-timing-function: ease; 
}
@keyframes slideright {
  33% {transform:translateX(300px);opacity:0;}66% {transform:translateX(-300px);opacity:0;}}
.carousel-indicators [data-bs-target]{    opacity: .0 !important;}
.slideright{animation-name: slideright;animation-duration: .5s; animation-timing-function: ease; }
.lightbox_img_wrap img{max-width:100%;}	

.gallery {
	display: inline-block;
	text-align: center;
	margin: 10px auto;
	clear: both;
	padding: 0;
	padding: 10px;
	border-radius: 5px;width: 100%;
}

.gallery img {
	width:250px;
  height: 200px;margin: 0px 10px 10px 10px;
}

.block {
	display: inline-block;
	border-radius: 5px;
	padding: 8px;
}

pre {
  background-color: #eee;
	border-radius: 5px;
	padding: 8px;
	clear: both;
}

.highlight {
	color: red;
}