@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap');

.container{
    max-width: 85% !important;
}
a{
    text-decoration: none;
}

  h2{
     font-family: "Mulish", sans-serif;
  }
  p , span , a{
     font-family: "Karla", sans-serif;
  }
  
  /* header start */
  .nava {
    padding: 0px 0;
    position: fixed;
    width: 100%;
    z-index: 99999;
    transition: all 0.3s;
    background-color: #fff;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1803921569);
    padding: 6px 0;
}
.top-header{
  background-color: #fff;
}
.mn-nav {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.left-da1 ul {
  display: flex;
  align-items: center;
  gap: 42px;
  margin: 0;
  justify-content: center;
  padding: 0;
}
.left-da1 ul li a {
    letter-spacing: 0.55px;
    color: #000;
    font-size: 19px;
    /* font-family: "Work Sans", sans-serif; */
    padding: 20px 0px;
    display: flex;
    /* font-weight: 500; */
}

.innernavanew .left-da1 ul li a {
  color: #000000;
}
.xa p{
 margin-bottom: 0px;
 color:#fff;
}
.xa{
  list-style: none;
}
.inner-top-hd {
    border-radius: 0px 0px 20px 17px;
    padding: 5px 14px;
    background-color: #53070f;
}
.leftlogo img {
    width: 109% !important;
    /* padding: 1px; */
}
.left-da1 ul {
  display: flex;
  align-items: center;
  gap: 25px;
  margin: 0;
  justify-content: center;
  padding: 0;
}
.yjl {
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    background-color: #fff;
    gap: 0px !important;
    display: none !important;
    box-shadow: black 0px 0px 13px -5px;
}
.avtt {
    color: #ef1a2c !important;
}
.yjl li a {
  display: flex;
  width: 100%;
  padding: 10px !important;
  /* border-bottom: 1px solid lightgray; */
  position: relative;
  z-index: 1;
  transition: all .7s;
}
.yjl li a::after {
  position: absolute;
  content: "";
  background-color: #ef1a2c;
  background-size: contain;
  height: 100%;
  width: 0%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all .7s;
}
.yjl li a:hover::after{
  width: 100%;
}
.yjl li a:hover{
  color: #fff;
}
.dsx:hover .yjl{
  display: block !important;
}

.dsx img {
    width: 25px;
    transition: all .7s;
}
.dsx:hover img{
  transform: rotate(180deg);
}

.cta-container {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    background: linear-gradient(90deg, black 50%, #DA251C 55%);
    padding: 2px;
}

.cta-button {
    /* padding: 10px 22px; */
    color: white;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.unc{
    font-weight: 700 !important;
    color: #710500 !important;
}
.donate-now {
    /* background-color: #DA251C; */
    border-radius: 29px 0 0 29px;
    padding: 10px 10px 7px 17px;
}
.cta-button p {
    font-size: 16px;
    margin-bottom: 0px;
    color: #fff;
}

.sponsor-child {
    /* background-color: #000; */
    border-radius: 0px 29px 29px 0px;
    padding: 10px 18px 7px 17px;
}
.cta-button:hover {
  opacity: 0.8;
}

.ccrt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.icon-container{
  height: 27px;
  width: 27px;
  background-color:#fff;
  border-radius: 50px;
  position: relative;
}
.icon-container img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  z-index: 999;
  width: 14px;
}
.icon-container::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    border-radius: 50%;
    background: #ffffff66;
    width: 37px;
    height: 37px;
    transition: all 0.3s ease;
    transform: translate(-50%, -50%);
}
  /* header end */
  /* banner start */
  .jh {
  width: 100%;
  height: 80vh;
  object-fit: cover;
}

.bantext {
  top: 56%;
  width: 41%;
  left: 8%;
  /* transform: translateY(-50%); */
  /* z-index: -1; */
  z-index: 1;
  color: #fff;
   transform: translateY(-50%);
}
.mySwiper2 .swiper-slide-active .bantext{
  animation: move 1s;
}
@keyframes move{
  0%{
    top: 100%;
  }
  100%{
    top: 56%;
  }
}
.mainbanner{
padding-top: 7rem;
}
.mySwiper2 .swiper-slide img {
  height: 100vh;
  object-fit: cover;
  object-position: top;
}

.mySwiper2 .swiper-slide::after {
    content: "";
    position: absolute;
    background: linear-gradient(98deg, #0e0302e8 34%, transparent 61%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bantext span {
    color: #ffffffb5;
    padding: 0;
    /* font-family: 'Work Sans', sans-serif; */
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0.55px;
}
.bantext h2 {
    color: #ffffff;
    line-height: 53px;
    font-weight: 600;
    font-size: 35px;
    padding-bottom: 15px;
    margin-top: 1rem;
    letter-spacing: 0.55px;
}
.bantext p {
  line-height: 27px;
  padding: 10px 0;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0.55px;
  font-weight: 300;
}
.mySwiper2 .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #d89898);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
.mySwiper2 .swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #ffeeee;
}
.mySwiper2 .swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  width: fit-content !important;
  left: 50% !important;
  padding: 4px 2px;

  display: flex;
  border-radius: 30px;
  bottom: 30px;
}
.lou a{
  padding: 0px 0px !important;
}

/* banner end */
/* jhgwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww */
.breadcumb img{
    width: 100%;
    height: 65vh;
    object-fit: cover;
}

.breadcumb::after {
    position: absolute;
    content: "";
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    /* z-index: -1; */
    background-attachment: fixed;
    /* opacity: 0.1; */
    background: linear-gradient(360deg, #020202c4 23%, #0000003b);
}
.ttll {
    top: 62%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #000000ba;
    padding: 56px;
    z-index: 1;
}
.ttll h1 {
    color: #fff;
    letter-spacing: 0.55px;
    font-size: 40px;
    border-bottom: 1px solid #fffdfd6b;
    /* width: 90%; */
}
.ttll p {
    color: #fff;
    letter-spacing: 0.55px;
    font-size: 18px;
}
/*--------------------------------------------------------------
# Gallery Page
--------------------------------------------------------------*/
/* .gallery-page {
  position: relative;
  } */

.gallery-page__single {
  position: relative;
}
.gallery-page__single::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 20px;
    content: "";
    /* background: rgb(250, 211, 91); */
    background: linear-gradient(180deg, rgb(255 253 253 / 3%) 64%, #d9251ce3 93%);
    transition: all 700ms ease;
    transform: translateY(0%);
}

.gallery-page__single:hover::before {
  transform: translateY(100%);
  opacity: 0;
  height: 0%;
}
.gallery-page__img img {
    width: 100%;
    border-radius: 20px;
    height: 337px;
    object-fit: cover;
}
.gallery-page__content {
    position: absolute;
    left: 0;
     right: 0; 
    text-align: center;
    transform: translateY(-100px);
    opacity: 1;
    transition: all 700ms ease;
    bottom: -25%;
    color: #fff;
}

.gallery-page__single:hover .gallery-page__content {
  transform: translateY(0%);
  opacity: 0;
}

.gallery-page__sub-title {
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    position: absolute;
    top: -628%;
    left: -3%;
    z-index: 1;
    padding: 7px 2px 7px 2px;
    background: linear-gradient(45deg, #da251c, #000000);
    width: 36%;
    box-shadow: #41414187 12px 12px 9px -5px;
    border-radius: 15px 0 0 0;
    color: #fff;
    transform: translateY(-50%);
}


.gallery-page__sub-title::after{
   position: absolute;
    content: "";
    background: linear-gradient(225deg, #000000 50%, transparent 0);
    background-size: contain;
    height: 15px;
    width: 15px;
    bottom: -15px;
    left: 0;
    z-index: 9;
} 
.afwa{
    top: -336% !important;
}

.gallery-page__title {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.55px;
    line-height: 22px;
    color: #fff;
}

.ivv{
    margin-bottom: 5%;
    margin-top: 5%;
}
.imno {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* transform: translateY(0%); */
    transition: all .7s;
}
.gallery-page__single:hover .imno {
    /* transform: translateY(-100px); */
    opacity: 1;
    /* top: 66%; */
    filter: none;
}
.imno img{
    width:45px !important;
    height: 45px !important;
    /* filter: brightness(0) invert(1); */
    border-radius: 0px !important;
    
}

/* contact us starrt */
.contact-main .contact-main__inner {
    display: grid;
    row-gap: 13px;
    flex-wrap: wrap;
}
.volunteer .volunteer__form {
    padding: 60px 20px;
    border-radius: 4px;
    box-shadow: 1px 0px 11px 0px rgb(16 3 3 / 26%);
    background-color: #3f0000;
    color:#fff;
}

.contact__form .input-single, .checkout__form .input-single {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0px 16px;
    border-radius: 8px !important;
    border: 1px solid #ffffff21;
    width: auto;
    flex-grow: 1;
    margin-bottom: 18px;
}
.contact__form .input-single input, 
.contact__form .input-single textarea{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: transparent;
    color: var(--white);
    border: 0px;
    padding: 7px 0px;
}
.contact__form .input-single input::placeholder , .contact__form .input-single textarea::placeholder {
    color:#b1a2a2;
}
.contact__form input:focus,
 .contact__form textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
          outline: none;
}
.section__content h2 {
    font-size: 34px;
    letter-spacing: 0.55px;
    margin-bottom: 0px;
    color: #da251c;
}
.section__content p {
    font-size: 17px;
    letter-spacing: 0.55px;
    line-height: 25px;
    color: #0000009c;
    font-weight: 500;
}
.content p {
    font-size: 18px;
    letter-spacing: 0.55px;
    margin-bottom: 0px;
    margin-top: 11px;
}
.contact-main__single {
    display: flex;
    gap: 9px;
    align-items: center;
}
.content h2{
    font-size: 21px;
    font-family: 'Nunito Sans';
    letter-spacing: 0.55px;
    color: #000;
    font-weight: 500;
    margin-bottom: 0px;
}
.thumb img{
    width: 23px;
}
.out {
    border: 1px solid #ff0d0d17;
    padding: 16px 14px;
    box-shadow: 0px 2px 7px 0px rgb(102 32 32 / 19%);
}
/* news start */
.news-section{
  position: relative;
}

.news-block-one .inner-box{
  position: relative;
  display: block;
  border-radius: 15px;
  transition: all .7s;
}

.news-block-one .inner-box .image-box{
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  background-color: transparent;
  transition: all .7s;
}

.news-block-one .inner-box:hover .image-box{
  background-color: #000;
}

.news-block-one .inner-box .image-box img {
    width: 100%;
    transition: all .7s;
    height: 428px;
    object-fit: contain;
    object-position: top;
}

.news-block-one .inner-box:hover .image-box img{
  opacity: 0.2;
  transform: scale(1.05);
}

.news-block-one .inner-box .content-box {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: calc(100% - 0px);
    background-color: #ffffff;
    box-shadow: 1px 1px 30px rgb(0 0 0 / 17%);
    /* border-radius: 57px 0px 0px 0px; */
    transition: all .7s;
    /*height: 190px;*/
}

.news-block-one .inner-box .content-box .text {
    position: relative;
    /* background-color: #f4f1f0; */
    padding: 22px 17px 0px 14px;
    border-top-left-radius: 15px;
    transition: all .7s;
}

.news-block-one .inner-box:hover .content-box .text{
  padding-bottom: 10px;
}

.news-block-one .inner-box .content-box .text .post-date {
    position: absolute;
    top: -18px;
    right: 0px;
    font-size: 16px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    padding: 0px 19px;
}
.news-block-one .inner-box .content-box .text .post-date {
    background-color: #da251c;
}
.news-block-one .inner-box .content-box .text .category{
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.news-block-one .inner-box .content-box .text h2 {
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0.55px;
    margin-bottom: 0px;
}

.news-block-one .inner-box .content-box .text p {
    /* position: absolute; */
    width: 100%;
    padding-left: 0px;
    padding-bottom: 0px;
    opacity: 1;
    transition: all .7s;
    color: #000000bf;
    font-weight: 500;
    letter-spacing: 0.55px;
    line-height: 23px;
    font-size: 16px;
    margin-top: 11px;
    overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-block-one .inner-box:hover .content-box .info {
  opacity: 1;
}

.news-block-one .inner-box .content-box .info {
    position: relative;
    display: block;
   padding: 0px 18px;
    opacity: 0;
    transition: all .7s;
}

.news-block-one .inner-box .content-box .info .link-box a:hover:after{
  width: 30px;
  opacity: 1;
}

.news-section .sec-title{
  margin-bottom: 40px;
}
.looy {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 4%;
    transition: all .7s;
}
 .nic p {
    font-size: 16px;
    letter-spacing: 0.55px;
    color: #000;
    margin-bottom: 0px;
    font-weight: 500;
    padding: 0 0rem 0rem 0rem !important;
}
.newd:hover .ikm img{
 margin-left: 3px;
}
.donr:hover .ikm2 img{
 margin-left: 3px;
}
.ikm img{
    width: 23px;
    transition: all .7s;
}
.donr{
    cursor:pointer;
}
/* newsdetails */
.inner-press h2{
   font-size: 26px;
    letter-spacing: 0.55px;
    font-weight: 600;
    color: #000000c9;
    line-height: 33px;
}
.date p{
    color: #97000e;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.55px;
}
.right-imm img {
    height: 366px;
    object-fit: cover;
}
.desc p{
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    color: #000000c2;
    margin-top: 3%;
}
.inner-press {
    background-color: #fff;
    padding: 11px 18px;
    position: absolute;
    left: 89%;
    width: 100%;
    top: 50%;
    box-shadow: 1px 1px 30px rgb(0 0 0 / 15%);
    transform: translateY(-50%);
}
.right-imm {
    position: relative;
}

/* TEAM */
.team {
  position: relative;
  z-index: 1;
  /*overflow: hidden;*/
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/
  /*background-position: center center;*/
}
.team .team__single {
  overflow: hidden;
}
.team .team__single:hover .team__single-thumb img {
  transform: scale(1.04);
}

.team .team__single:hover .team__single__thumb-social {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0px);
}
.team .team__single-thumb {
  position: relative;
  z-index: 1;
}

.team .team__single-thumb a {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}
.team .team__single-thumb img {
    width: 100%;
    /*border-radius: 10px 10px 0px 0px;*/
    transition: all .7s;
    height: 100%;
    object-fit: cover;
    object-position: top;
    box-shadow: 1px 0px 8px 0px rgb(7 1 1 / 22%);
    border-radius:50%;
}
.bnvm{
    margin-bottom: 5%;
    box-shadow: inset 1px 0px 12px 0px rgb(41 38 40 / 10%);
    padding: 35px;
    border-radius: 18px;
}
/*.bnvm img{*/
    
/*}*/
.team .team__single:hover .team__single-content {
  background-color: #000;
}
.team .team__single:hover .team__single-content h2{
    color:#fff;
}
.team .team__single:hover .team__single-content p{
    color:#fff;
}
/* team popup */

.get-c22 {
    height: 100vh;
    width: 100%;
    background-color: #31000566;
    z-index: 99999999999999;
    backdrop-filter: blur(17px);
}
/* .gfr {
    height: 500px;
    overflow: auto;
} */
.inner-getc {
    width: 65%;
    transform: translate(-50%, -50%);
    background-color: #000000d4;
}
.cause p{
    font-size: 17px !important;
    letter-spacing: 0.55px;
    margin-bottom: 0px;
}
.team .team__single:hover .cause p{
  color:#fff;
}
.team .team__single:hover .ikn img{
 filter: brightness(0) invert(1);

}
.jy img {
    width: 100%;
    height: 388px;
    object-fit: cover;
    object-position: top;
    border-radius: 200px;
}
.hort p{
    font-size: 16px;
    letter-spacing: 0.55px;
    line-height: 26px;
    color:#fff;
}
.hort h2{
    font-size: 30px ;
    letter-spacing: 0.55px;
    color:#fff;
    font-weight: 500;
}
.clsd22 {
    top: 12%;
    right: 16%;
    background-color: #0d0c0d;
    padding: 13px;
    border-radius: 50px;
}
.clsd22 img{
    width: 30px;
    filter: brightness(0) invert(1);
}
/* button */
.cta {
  position: relative;
  margin: auto;
  padding: 10px 22px;
  transition: all 0.2s ease;
}
.cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 28px;
  background: #e9a9a933;
  width: 40px;
  height: 40px;
  transition: all 0.3s ease;
}
.cta span {
  position: relative;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  /* text-transform: uppercase; */
}
.cta svg {
  position: relative;
  top: 0;
  margin-left: 10px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #fff;
  stroke-width: 2;
  transform: translateX(-5px);
  transition: all 0.3s ease;
}
.cta:hover:before {
  width: 100%;
  background: #e9a9a933;
}
.cta:hover svg {
  transform: translateX(0);
}
.cta:active {
  transform: scale(0.96);
}
.cta:hover span {
  color: #fff;
}
.cta:hover svg {
  position: relative;
  top: 0;
  margin-left: 10px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #fff;
  stroke-width: 2;
  transform: translateX(-5px);
  transition: all 0.3s ease;
}
.form-cta{
    text-align: center;
    margin-top: 3%;
}
.cta11::before{
  background: #da251c;
}
.cta11:hover::before {
  width: 100%;
 background: #da251c;
}
/* footer start */
.fr input{
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: transparent;
  border: none;
}
.frm{
  border: 1px solid #ffffff4a;
  margin-top: 20px;
}
.bbt a {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 10px 20px;
    background-color: #ffffffb3;
    color: #000;
    font-size: 18px;
    letter-spacing: 0.55px;
    text-decoration: none;
}
.wpo-upper-footer{
    padding: 4rem 0 0rem;
}

.widget ul li a {
    font-size: 18px;
    letter-spacing: 0.55px;
    color: #ffffff9e;
    line-height: 37px;
    text-decoration: none;
}
.widget ul li {
    list-style: none;
}
.widget-title h3{
    color: #ffffffc2;
    letter-spacing: 0.55px;
}
.widget li p{
    color:#ffffff9e;
    line-height: 27px;
    font-size: 16px;
    letter-spacing: 0.55px;
}
.wp-lo{
    background-color: #1d293e;
        padding: 5px 0 0;
}
.dob ul{
    display: flex;
    gap: 26px;
    margin-bottom: 0rem;
}
.dob ul li p{
    color:#fff;
    margin-bottom: 0px;
}
.dd {
  padding: 0;
  justify-content: center;
  gap: 18px;
}
.fb {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  position: relative;
  background-color:#051229;
}
.fb:hover {
  background-color: #00000066;
  border: 1px solid #00000066;
}
.ff li .fb a img {
  width: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: brightness(0) invert(1);
}
.dd li,  .dob li{
    list-style: none;
}
/* header start */



/* footer */
.footer-two {
  padding-top: 100px;
  background-color: #1f1a17;
  position: relative;
  z-index: 1;
}
.foo-wid ul li p {
    color: #fff;
    letter-spacing: 0.55px;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    transition:all .7s;
}
.foo-wid ul li p:hover{
    color:red;
    padding-left:3px;
}
.foo-wid ul li{
  list-style: none;
}
.foo-wid ul {
    padding-left: 0rem;
}
.fod-wid p {
    color: #fff;
    letter-spacing: 0.55px;
    line-height: 31px;
    font-size: 18px;
    font-weight: 500;
}
 .linv {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    margin-bottom: 12px;
}
 .footer-two__widget span {
  background-color: #908989;
  height: 2px;
  width: 10px;
}
 .footer-two__widget .large-line {
  width: 50px;
}
.foo-intro h5{
    color: #fff;
    letter-spacing: 0.55px;
    font-weight: 500;
    font-family: 'Mulish';
}
.para {
    padding: 18px 0 0px;
    font-size: 17px;
    letter-spacing: 0.55px;
}

.footer-two {
    background-color: #000;
    position: relative;
    z-index: 1;
    padding: 5rem 0 2rem;
}
.vcf{
      color: #eff2e8;
}
.footer-two{
  position: relative;
  z-index: 1;
}
.footer-two::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-size: contain;
    background-image: url(../images/rtg.jpg);
    opacity: 0.1;
    z-index: -1;
}
   .slide-image {
        flex: 1;
    }

    .slide-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .footer-two__widget-logo img{
    width: 98%;
    filter: brightness(0) invert(1);
    margin-bottom: 6%;
}
    /* Right side - Text */
    /* join now */
.frmms textarea {
    border: 1px solid lightgray;
    box-shadow: none;
    outline: none;
    height: 95px;
    border-radius: 0;
    padding-left: 5px;
}
.rightjoined {
    padding: 0;
    box-shadow: black 0px 0px 7px -5px;
}
.frmms input, .frmms select {
    border: 1px solid #da251c2e;
    box-shadow: none;
    outline: none;
    height: 52px;
    border-radius: 0;
    padding-left: 16px;
    border-radius: 8px;
    margin-bottom: -2px;
}
.frmms input::placeholder{
color:#000000b5;
font-size: 15px;
}
.sdsw h2 {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0.55px;
}
.sdsw h4 {
    font-size: 18px;
    letter-spacing: 0.55px;
    font-weight: 400;
}
.akc-maindonate-form h2{
    font-size:27px;
    font-weight:600;
    letter-spacing:0.55px;
    color:#bc160e;
}
/* program */
.prg ul {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-left: 0rem;
}
.prg li{
  list-style: none;
}
.pht img{
  width: 23px;
}
.prg {
    border: 1px solid #00000012;
    padding: 16px 13px;
    border-radius: 5px;
    height: 100%;
}
.prg h2 {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Karla';
    color: #000;
}
.prg p{
  font-size: 17px;
    letter-spacing: 0.55px;
    color: #000;
    line-height: 26px;
}
.zara{
  margin-top: 5%;
  margin-bottom: 5%;
}
.rf{
 margin-top: 5%;
  margin-bottom: 0%;
}
.prg span {
    color: #ff0c00;
    font-weight: 700;
    letter-spacing: 0.55px;
    font-size: 22px;
}
.an-img{
  overflow: hidden;
  position: relative;
}
/* .an-img::after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgb(0 0 0 / 0%), rgb(255 255 255 / 0%), rgb(255 233 233));
} */
 .an-img::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    /* background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgb(0 0 0 / 0%), rgb(255 255 255 / 0%), rgb(242 242 242) 101%); */
    opacity: 1;
    transition: all .7s;
    /* border-radius: 7px; */
}

.an-img img {
    width: 100%;
    height: 206px;
    object-fit: cover;
    border-radius: 5px 5px 0 0;
    transform: translateY(0) scale(1);
    transition: all .7s;
}
.an-des h2 {
    font-size: 20px;
    letter-spacing: 0.55px;
    color: #000;
    font-weight: 600;
    margin-bottom: 4px;
}
.an-des p {
    font-size: 16px;
    margin-bottom: 0px;
    color: #000;
    letter-spacing: 0.55px;
    font-weight: 400;
}
.an-des {
    /* background-color: #3f0000; */
    padding: 10px 25px;
    border-radius: 0 0 5px 5px;
   /* background: linear-gradient(0deg, #fbfdf3, #ffffff); */
   background: linear-gradient(361deg, #00000000, #e31e25);
    transition: all .7s;
       /* box-shadow: 0px -3px 11px 0px rgb(0 0 0 / 47%); */
     background: linear-gradient(360deg, #00000000 40%, #ff000940 146%);
       /*background: linear-gradient(180deg, #00000000 63%, #eb9a9d 146%);*/
}
/* .an-des::after{
position: absolute;
 content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #110303;
  backdrop-filter: blur(5px);
} */
.pp{
 position: relative;
 transition: all .7s;
}
.pp::after {
    position: absolute;
    content: "";
    background-color:#ff0002;
    height: 92%;
    width: 2px;
    top: 0;
    left: -12px;
    z-index: 9;
}
/* .col-lg-4:nth-child(3) .an-des {
 background: linear-gradient(362deg, #0a0101 75%, #ff0303bd);
}

.col-lg-4:nth-child(4) .an-des {
  background: linear-gradient(0deg, #e31e25 73%, #ffffff00 104%);
} */
.ant:hover .pp::after {
 background-color: #000;
}
.ant{
  cursor: pointer;
  transform: translateY(0) scale(1);
  transition: all .7s;
}
.ant:hover{
  transform: translateY(0px) scale(1);
}
.ant:hover .an-des {
    background: linear-gradient(0deg, #fbfdf3, #ffffff);
    box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 12%);
}
.ant:hover .an-des h2{
   color:#000;
}
.ant:hover .an-des p{
color:#000;
}
.ant:hover .an-img img{
transform: translateY(0) scale(1.05) translateY(0) scale(1);
}
.ant:hover .an-img::after {
 background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgb(0 0 0 / 0%), rgb(255 255 255 / 0%), rgb(242 242 242) 136%);
}
.prog {
    position: relative;
    background-color: #F8FAFF;
    padding: 4rem 0 4rem;
}
.cor {
    text-align: center;
}
/* join donor start */

.bok-im img {
    width: 100%;
    height: 602px;
    object-fit: cover;
}
.bok-im{
  position: relative;
}
.bok-im::after {
    position: absolute;
    content: "";
    background-color: #0a03039e;
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 7;
    backdrop-filter: blur(2px);
}

.cdf img {
    width: 385px;
    height: 495px;
    object-fit: cover;
    border: 5px solid #c42119;
    padding: 9px;
    background-color: #ffffff;
    border-radius: 3px;
}
.bok{
  position: relative;
}
.cdd {
    position: absolute;
    top: 50%;
    z-index: 99;
    left: 50%;
    transform: translate(-50%, -50%);
}
.yr {
   padding: 3rem 1rem 0rem;
    /* border: 1px solid #00000005; */
    background-color: #c42119;
    position: relative;
    /* box-shadow: #000000bd 1px 1px 7px 0px; */
    height: 301px;
}
.yr::before {
  content: "";
  position: absolute;
  top: 18px;
  margin: 0 auto;
  z-index: 1;
  width: 23px;
  height: 23px;
  background: linear-gradient(-46deg,  #c42119 50%, transparent 0);
  rotate: 135deg;
  transform: translate(-50%, -50%);
  box-shadow: black 2px 2px 5px -4px;
  left: -7%;
}
.cont h3 {
    font-size: 21px;
    letter-spacing: 0.55px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 3%;
    font-weight: 700;
}
.ppw {
    padding-left: 9px;
    position: relative;
    margin-left: -1%;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    /* -webkit-line-clamp: 5; */
    -webkit-box-orient: vertical;
    letter-spacing: 0.55px;
}
.ppw::after {
    position: absolute;
    content: "";
    background-color: #fff;
    height: 100%;
    width: 1px;
    top: 0;
    left: 0;
    z-index: 9;
}
.pl-list img {
    width: 100%;
    height: 301px;
    object-fit: cover;
}
.ryr::before {
    content: "";
    position: absolute;
    top: 19px;
    margin: 0 auto;
    z-index: 1;
    width: 23px;
    height: 23px;
    background: linear-gradient(-46deg, #dd3a32 50%, transparent 0);
    rotate: 311deg;
    transform: translate(-50%, -50%);
    box-shadow: black 2px 2px 5px -4px;
    left: 100%;
}
.ryr{
  background-color:#dd3a32;
}
.ikm2{
  filter: brightness(0) invert(1);
}
.letter-slide {
    position: absolute;
    animation: animate20 linear 10.5s infinite;
    width: 100%;
    overflow: hidden;
    opacity: 0.1;
    top: 50%;
    left: 0%;
    z-index: 9;
    color: #fff;
}
@keyframes animate20 {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(50px);
    }

    100% {
        transform: translateX(0px);
    }
}
.letter-slide h3 {
    font-size: 39px;
    letter-spacing: 0.55px;
}
/* new and events start imnner */
.newdim{
  position: relative;
  overflow: hidden;
}
.newdim::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgb(0 0 0 / 27%), rgb(61 4 1 / 77%), rgb(0, 0, 0));
     border-radius: 7px;
}
.newdim img {
    width: 100%;
    height: 434px;
    object-fit: contain;
    transition: all .7s;
    overflow: hidden;
    border-radius: 0px;
    object-position: top;
}
.newd {
    position: relative;
    border: 4px solid #da251c2b;
    transition: all .7s;
    border-radius: 7px;
    cursor: pointer;
}
.newsdcont{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    /*opacity: 0;*/
    transform: translateY(0px);
    z-index: 6;
    /* border-radius: 10px; */
    transition: all .7s;
    background-color: #fff;
}
.fopa {
    position: absolute;
    bottom: 12%;
    left: 7%;
    z-index: 9;
    transform: translateY(0px);
}
.fopa h2{
    color: #fff;
    font-size: 23px;
    letter-spacing: 0.55px;
    opacity: 0;
    transition: all .7s;
   
}
/*.newdhed h2 {*/
/*    background-color: #da251c;*/
/*    font-size: 20px;*/
/*    font-weight: 600;*/
/*    color: #fff;*/
    /* position: relative; */
/*    padding: 15px;*/
/*}*/
.newdhed h2 {
    /* background-color: #da251c; */
    font-size: 20px;
    font-weight: 600;
    /* position: relative; */
    padding: 15px;
    background: linear-gradient(180deg, #da251c42 -36%, transparent);
    color: #000;
    transition: all .7s;
    letter-spacing: 0.55px;
}
.newdhed p {
    padding: 0 1rem;
    color: #000;
    letter-spacing: 0.55px;
    font-size: 16px;
    line-height: 21px;
    overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
 .newd:hover .fopa h2{
  opacity: 0;
}
.newd:hover .newsdcont{
 opacity: 1;
} 
.newd:hover{
   border: 4px solid #da251c;
}
.newd:hover .newdim img{
 transform: scale(1.1);
}
.inser{
  position: relative;
  transition:all .7s;
}
.newd:hover .newdhed h2{
     background: linear-gradient(180deg, #da251c, #da251c);
     color:#fff;
}
/*.inser::after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background-size: contain;*/
/*    bottom: -12px;*/
/*    left: 0px;*/
/*    width: 165px;*/
/*    height: 46px;*/
/*    transition: all .7s;*/
/*    background-image: url(../images/brush-btn-5.png);*/
/*    background-repeat: no-repeat;*/
/*    z-index: -1;*/
/*}*/
/*.inn-news .row .col-lg-4:nth-child(2) .inser::after {*/
/*    background-image: url(../images/brush-btn-6.png);*/
/*}*/
.cta12 span{
 color:#000;
}
.cta12 svg {
    stroke: #000;
}
.cta12::before {
    background: #ff0c00b0;
}
.cor span {
    /* font-family: "Pacifico", cursive; */
    font-size: 31px;
    letter-spacing: 0.55px;
    /*color: #a12c2c;*/
    color:#da251c;
    font-weight: 500;
}
.cor h2 {
    font-size: 33px;
    letter-spacing: 0.55px;
    color: #000;
    font-weight: 600;
    font-family: 'Karla';
}
.cor{
    text-align: center;
    margin-bottom: 3%;
}
/* donor page */
/*.akc-maindonate-form12 {*/
/*    background-color: #bc160e !important;*/
/*    padding: 3rem 1.25rem 1rem !important;*/
/*}*/
.asdaswwre{
padding-left: 0;
list-style: none;
}
.h456 {
    padding: 10px 33px;
    background-color: #da251c;
    border-radius: 7px 7px 0 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    letter-spacing: 0.55px;
    border: 3px solid #11050500;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 5px rgb(0 0 0 / 19%);
    font-size: 17px;
    top: -11%;
}
.rightqr img{
    /*height: 477px;*/
    /*object-fit: cover;*/
    box-shadow: 0 0 5px rgb(0 0 0 / 19%);
    border-radius: 0 0 7px 7px;
}
.asdaswwre li p{
    font-size: 16px;
    letter-spacing: 0.55px;
    line-height: 30px;
    color: #fff;
}
.abthd h4 {
    font-size: 22px;
    letter-spacing: 0.55px;
    margin-top: 10px;
    line-height: 32px;
}
.akc-maindonate-form {
    border: 1px solid #0000000d;
    padding: 2rem 2rem 2rem;
    margin: auto;
    width: 69%;
    border-radius: 10px;
    box-shadow: 0 0 7px rgb(0 0 0 / 19%);
}
.akcd{
  margin-top: 4%;
}
.mng{
    margin-top:4%;
}
.rightjoined {
    padding: 24px 22px 27px;
    box-shadow: black 0px 0px 10px -6px;
}
.team .row .col {
    flex: 1 0 20%;
}
.team .team__single-content h2 {
    /* margin-top: -8px; */
    font-weight: 500;
    color: #da251c;
    font-size: 23px;
    letter-spacing: 0.55px;
    margin-bottom: 9px;
    font-family: 'Karla';
}
.team .team__single-content span{
    font-size: 19px;
    color: #000;
}
.tubn{
    padding: 0px; 
    margin: 24px 14px 0px;
    width: 96%;
    color: #0000005e;
}
/*.team .team__single-content {*/
/*    padding: 23px 11px 5px;*/
/*    background-color: #fff;*/
/*    transition: all .7s;*/
/*    border-radius: 0px 0px 10px 10px;*/
/*    border: 1px solid #00000000;*/
/*    height: 100px;*/
/*    text-align: center;*/
/*}*/
.team .team__single-content p {
    font-size: 17px;
    font-weight: 500;
    color: #000000c4;
    transition: all .7s;
    /* text-align: end; */
    line-height: 27px;
    letter-spacing: 0.32px;
    width: 87%;
    margin-bottom: 0px;
}
.team__single-wrapper{
box-shadow: #000000a6 0px 4px 14px -6px;
    border-radius: 13px;
    cursor:pointer;
}

/*programme inner*/
.pfim{
  overflow: hidden;
   border-radius: 7px;
}
.prg-hd:hover .pfim img{
  transform: scale(1.1);
}
.pfim img {
    width: 100%;
    border-radius: 7px;
    transition: all .7s;
    height: 369px;
    object-fit: cover;
}

.prg-up {
    background-color: #eeeeee;
    color: #000;
    padding: 1rem 2rem;
    position: absolute;
    top: 69%;
    left: 6%;
    margin: auto;
    width: 88%;
    border-radius: 7px;
    box-shadow: rgb(0 0 0 / 26%) 0px 2px 3px 0px;
    height: 165px;
    transition: all .7s;
    border: 0px solid #f4000040;
}
.prg-hd {
    position: relative;
    margin-bottom: 18%;
    cursor: pointer;
}
.prgm .row .col-lg-6:last-child .prg-hd,
.prgm .row .col-lg-6:nth-last-child(2) .prg-hd {
    margin-bottom: 10%;
}
/*.prgm .row .col-lg-6:last-child .prg-hd {*/
/*  margin-bottom: 14%; */
/*}*/
.prg-up h2{
    font-size: 26px;
    letter-spacing: 0.55px;
    font-weight: 500;
    color: #000;
    font-family: 'Karla';
}
.prg-up p {
    font-size: 17px;
    color: #000;
    letter-spacing: 0.55px;
    line-height: 23px;
    margin-bottom: 3px;
}
.prg-hd:hover .prg-up h2{
 color:#da251c ;
}
.prg-hd .inser{
  opacity: 0;
  visibility: hidden;
  transition: all .7s;

}
.prg-hd:hover .inser{
  visibility: visible;
  opacity: 1;
  padding-left: 5px;
}
.prg-hd .looy{
 margin-bottom: 0%;
}
.rans iframe {
        width: 100%;
    }
.prg-hd .nic p {
    padding: 0 0rem 0rem 0rem !important;
}
/*about inner*/
.abty h2 {
    font-size: 42px;
    letter-spacing: 0.55px;
    font-weight: 600;
    /*color: #ff0c00;*/
}
.abty p{
    font-size: 18px;
    letter-spacing: 0.55px;
    line-height: 29px;
    color: #000;
    font-weight: 400;
}
/**/
.tlog {
    height: 82px;
    width: 82px;
    background-color: #da251c;
    border-radius: 50%;
    position: relative;
    /* border: 5px solid #da251c; */
    margin: auto;
    margin-top: -11%;
    margin-left: 50%;
    transform: translateX(-50%);
    box-shadow: 2px 2px 15px -6px;
}
.tlog img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  z-index: 999;
  width: 46px;
}
.misn {
    text-align: center;
    border: 1px solid #ff0c0052;
    background-color: #ffffff;
    padding: 1rem 1rem;
    box-shadow: 0 4px 9px 2px rgb(0 0 0 / 8%);
    border-radius: 15px;
    height: 230px;
}
.grds {
    color: #000;
    margin-top: 4%;
}
.grds p{
    font-size: 17px;
    letter-spacing: 0.55px;
    text-align: left;
    line-height: 24px;
    /* color: #fff; */
}
.col-lg-4:nth-child(2) .misn {
 
  border: 1px solid #00000054;
}

.col-lg-4:nth-child(3) .misn {
 
  border: 1px solid #da451c6e;
}
.col-lg-4:nth-child(2) .tlog{
 
    background-color: #000;
}
.col-lg-4:nth-child(3) .tlog{
  
    background-color: #da451c;
}
/*index inner start*/
.durvl {
    position: relative;
    background-color: transparent;
    transition: all .7s;
    padding: 0 7px;
    cursor:pointer;
}
.durvl::before {
    position: absolute;
    content: '';
    background: linear-gradient(45deg, #da251c, transparent);
    width: 100%;
    height: 1px;
    bottom: -28px;
    right: 0px;
    background-size: contain;
}

.durvl p{
    font-size: 17px;
    letter-spacing: 0.55px;
    line-height: 26px;
    color: #000;
    font-weight: 400;
}
.durvl:hover::after{
	transform: scaleY(1);
	cursor:pointer;
  opacity: 1;
}
.durvl h2{
    font-size: 27px;
    letter-spacing: 0.55px;
    color: #da251c;
    font-weight: 600;
}
.durvl::after {
     position: absolute;
    left: 0px;
    bottom: -28px;
    width: 100%;
    height: 113%;
    content: '';
    transition: all 700ms ease;
    background: linear-gradient(180deg, rgba(69, 222, 132, 0) 0%, rgb(215 36 28 / 8%) 100%);
    opacity: 0;
}
.durvl:hover::after{
     box-shadow: rgb(253 0 0 / 19%) 0px 2px 12px 0px;
}
.tas{
    position:relative;
}
.tas p{
    font-size: 17px;
    letter-spacing: 0.55px;
    line-height: 26px;
    color: #000;
    font-weight: 400;
}
.tas h1 {
     font-size: 27px;
    letter-spacing: 0.55px;
    color:#000 !important;
     font-weight: 600;
}

.tas{
    position: relative;
    background-color: transparent;
    transition: all .7s;
    padding: 0 7px;
}
.tas::before {
    position: absolute;
    content: '';
    background: linear-gradient(45deg, #da251c, transparent);
    width: 100%;
    height: 1px;
    bottom: -28px;
    right: 0px;
    background-size: contain;
}
.tas::after {
    position: absolute;
    left: 0px;
    bottom: -28px;
    width: 100%;
    height: 108%;
    content: '';
    /* border-radius: 5px; */
    transition: all 700ms ease;
    background: linear-gradient(180deg, rgb(236 226 224 / -26%) 4%, rgb(215 36 28 / 8%) 100%);
    opacity: 1;
}
.tas:hover::after {
    box-shadow: rgb(253 0 0 / 19%) 0px 2px 12px 0px;
    cursor:pointer;
    opacity: 0;
}


.icnb2{
     mask-image: url(../images/mask-image.png);
  /* -webkit-mask: url(../images/mask-image.png); */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.icnb2 img{
  width: 100%;
    height: 100%;
    object-fit: cover;
      
}
.cor p{
   margin: auto;
    width: 75%;
    font-size: 18px;
    letter-spacing: 0.55px;
    color: #000000e0;
}
.brf{
   margin-left: 5%;
}
.hgf {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.55px;
    margin-top: 5px;
}
.hgf span{
    font-weight:500;
}

/*publication area*/
.livs img {
    width: 100%;
    border-radius: 10px 10px 0 0;
}
.livs{
    position:relative;
}
.livs::after {
    position: absolute;
    content: "";
    border: 2px solid #ffffff85;
    background-size: contain;
    height: 95%;
    width: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    border-radius: 7px;
}
.rik h2 {
    font-size: 16px;
    /*letter-spacing: 0.55px;*/
    text-align: center;
    line-height: 25px;
    color: #000;
    font-family: 'Karla';
    margin-top: 4%;
    text-transform: uppercase;
}
.bbdz {
   box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 25%);
}
.pol{
    justify-content:center;
    transition:all .7s;
}
.pol p{
    color:#da251c !important;
}
.rik{
     padding: 0px 2px 1px;
     border-radius: 0px 0px 10px 10px;
}
.bbdz:hover .ikm{
    margin-left:7px;
}
.bbdz:hover .pol p{
    color:#000 !important;
}
.bbdz:hover .ikm img{
   filter:brightness(0);
}

.cvxx{
    font-size: 25px;
    border-bottom: 1px solid #ffffff;
    letter-spacing: 0.55px;
    color: #fff;
    font-weight: 600;
    /* border: 1px solid #000; */
    /* padding: 8px 14px; */
    /* background-color: #000; */
    /* border-radius: 29px; */
}

/* whaATapp css */
#whatsapp-chat {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  outline: none !important;
  position: fixed;
  width: 350px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: initial;
  right: initial;
  top: 50%;
  left: 50%;
  overflow: hidden;
  z-index: 99999999999;
  -webkit-animation-name: showchat;
  animation-name: showchat;
  -webkit-animation-duration: .35s;
  animation-duration: .35s;
  -webkit-transform: scale(1);
  transform: scale(1) translate(-50%, -50%);
}

@media only screen and (max-width: 480px) {
  #whatsapp-chat {
      max-width: 340px;
      width: 100%;
      bottom: 172px;
  }
}

#whatsapp-chat .whatsapp-name {
font-size: 16px;
font-weight: 600;
padding-bottom: 0;
margin-bottom: 0;
font-family: var(--regular-font);
line-height: 0.5;
  color: white;
}

#whatsapp-chat .head-home {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}

#whatsapp-chat .head-home small {
font-size: 12px;
color: #ffffff;
font-family: var(--icon-font);
letter-spacing: .6px;
}

#whatsapp-chat .header-chat {
  background: #da251c;
  color: #fff;
  padding: 20px;
  
}

#whatsapp-chat .header-chat h3 {
margin: 0 0 10px;
}

#whatsapp-chat .header-chat p {
margin: 0;
line-height: 18px;
}

#whatsapp-chat .info-avatar {
    position: relative;
    height: 47px;
    width: 65px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    margin-right: 10px;
}

#whatsapp-chat .info-avatar img {
width: 37px;
height: 52px;
-o-object-fit: contain;
object-fit: contain;
}

#whatsapp-chat a.informasi {
padding: 20px;
display: block;
overflow: hidden;
-webkit-animation-name: showhide;
      animation-name: showhide;
-webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
}

#whatsapp-chat a.informasi:hover {
background: #f1f1f1;
}

#whatsapp-chat .info-chat span {
display: block;
}

#whatsapp-chat #get-label {
font-size: 12px;
color: #888;
color: #fff;
}

#whatsapp-chat span.chat-label {
font-size: 12px;
color: #888;
}

#whatsapp-chat #get-nama {
margin: 5px 0 0;
font-size: 15px;
font-weight: 700;
color: #222;
color: #fff;
}

#whatsapp-chat span.chat-nama {
margin: 5px 0 0;
font-size: 15px;
font-weight: 700;
color: #222;
}

#whatsapp-chat span.my-number {
display: none;
}

#whatsapp-chat textarea#chat-input {
border: none;
font-family: "Arial", sans-serif;
width: 100%;
height: 40px;
outline: none;
resize: none;
padding: 10px;
overflow: hidden;
font-size: 14px;
}

#whatsapp-chat a#send-it {
    width: 45px;
    font-weight: 400;
    padding: 10px;
    background: #da251c;
    display: flex
;
    justify-content: center;
    color: #fff;
}
.about-one{
    overflow:hidden;
}
.figlist1{
    transform: translateX(-290px);
}
.figlist2{
    transform: translateY(290px);
}
.figlist3{
    transform: translateX(290px);
}
.serlist{
    overflow: hidden;
}

#whatsapp-chat a#send-it svg {
fill: #a6a6a6;
height: 24px;
width: 24px;
margin-bottom: 6px;
}

#whatsapp-chat .first-msg {
background: transparent;
padding: 30px;
text-align: center;
}

#whatsapp-chat .first-msg span {
background: #e2e2e2;
color: #333;
font-size: 14.2px;
line-height: 1.7;
border-radius: 10px;
padding: 15px 20px;
display: inline-block;
}

#whatsapp-chat .start-chat .blanter-msg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display:none;
}

#whatsapp-chat #get-number {
display: none;
}

#whatsapp-chat a.close-chat {
position: absolute;
top: 5px;
right: 15px;
color: #fff;
font-size: 30px;
text-decoration: none;
font-family: var(--regular-font);
}

#whatsapp-chat.hide {
display: none;
-webkit-animation-name: showhide;
      animation-name: showhide;
-webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
-webkit-transform: scale(1);
      transform: scale(1);
opacity: 1;
}

#whatsapp-chat .show {
display: block;
-webkit-animation-name: showhide;
      animation-name: showhide;
-webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
-webkit-transform: scale(1);
      transform: scale(1);
opacity: 1;
}

#whatsapp-chat .whatsapp-message-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 1;
}

#whatsapp-chat .whatsapp-message {
padding: 7px 14px 6px;
background-color: #fff;
border-radius: 0px 8px 8px;
position: relative;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
-webkit-transform-origin: center top 0px;
      transform-origin: center top 0px;
z-index: 2;
-webkit-box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
      box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
margin-top: 4px;
margin-left: -54px;
max-width: calc(100% - 66px);
}

#whatsapp-chat .whatsapp-chat-body::before {
display: block;
position: absolute;
content: "";
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 0;
opacity: 0.08;
background-image: url("public/images/whatsapp.webp");
}

#whatsapp-chat .eJJEeC {
background-color: #fff;
width: 52.5px;
height: 32px;
border-radius: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
-webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
margin-left: 10px;
opacity: 0;
-webkit-transition: all 0.1s ease 0s;
transition: all 0.1s ease 0s;
z-index: 1;
-webkit-box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
      box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}

#whatsapp-chat .hFENyl {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

#whatsapp-chat .ixsrax {
height: 5px;
width: 5px;
margin: 0px 2px;
border-radius: 50%;
display: inline-block;
position: relative;
-webkit-animation-duration: 1.2s;
      animation-duration: 1.2s;
-webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
      animation-timing-function: linear;
top: 0px;
background-color: #9e9da2;
-webkit-animation-name: ZpjSY;
      animation-name: ZpjSY;
}

#whatsapp-chat .dRvxoz {
height: 5px;
width: 5px;
margin: 0px 2px;
background-color: #b6b5ba;
border-radius: 50%;
display: inline-block;
position: relative;
-webkit-animation-duration: 1.2s;
      animation-duration: 1.2s;
-webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
      animation-timing-function: linear;
top: 0px;
-webkit-animation-name: hPhMsj;
      animation-name: hPhMsj;
}

#whatsapp-chat .kAZgZq {
padding: 11px -22px 12px;
background-color: #fff;
/*border-radius: 0px 8px 8px;*/
position: relative;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
-webkit-transform-origin: center top 0px;
transform-origin: center top 0px;
z-index: 2;
-webkit-box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
margin-top: 1px;
margin-left: -9px;
width: 359px;
}

#whatsapp-chat .bMIBDo {
font-size: 12px;
font-weight: 600;
line-height: 18px;
color: rgba(0, 0, 0, 0.54);
letter-spacing: -0.2px;
font-family: var(--regular-font);
}

#whatsapp-chat .iSpIQi {
font-size: 14px;
line-height: 19px;
margin-top: 4px;
color: #111;
font-size: 14px;
line-height: 19px;
margin-top: 4px;
color: #111;
}

#whatsapp-chat .cqCDVm {
text-align: right;
margin-top: 6px;
font-size: 10px;
line-height: 16px;
color: rgba(17, 17, 17, 0.5);
margin-right: -8px;
margin-bottom: -4px;
}

#whatsapp-chat .service_chatList {
position: relative;
margin-top: 15px;
padding: 15px;
background: #fff;
margin-left: 10px;
font-size: 14px;
border-radius: 0 10px 10px 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
      box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}

#whatsapp-chat .service_chatList::after {
position: absolute;
content: '1:41 AM';
text-align: right;
font-size: 10px;
line-height: 16px;
color: rgba(17, 17, 17, 0.5);
right: 10px;
bottom: 5px;
}

#whatsapp-chat .service_chatList ul {
position: relative;
}

#whatsapp-chat .service_chatList ul li {
position: relative;
line-height: 25px;
margin-bottom: 5px;
color: #141d97;
opacity: 0.75;
}

#whatsapp-chat .service_chatList ul li:hover {
opacity: 1;
}

#whatsapp-chat .service_chatList ul li::after {
position: absolute;
content: '';
width: 16px;
height: 16px;
background-image: url(../icons/external_links.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 15px;
top: 4px;
margin-left: 5px;
}

#whatsapp-chat .service_chatList ul h6 {
font-size: 14px;
font-weight: 400;
}

@media screen and (max-width: 480px) {
#whatsapp-chat #whatsapp-chat {
width: auto;
left: 5%;
right: 5%;
font-size: 80%;
}
}

a.blantershow-chat {
/* background: #fff; */
color: #404040;
position: fixed;
z-index: 98;
bottom: 20px;
right: 25px;
border-radius: 50%;
}

a.blantershow-chat img {
width: 45px;
-webkit-box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
      box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
border-radius: 50%;
}

.chat_boxBody .form-row .form-control, .chat_boxBody .form-row .form-select {
border-radius: 5px;
height: 43px;
margin-bottom: 10px;
}
.chat_boxBody .form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .375rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.chat_backdrop {
display: none;
width: 100%;
height: 100vh;
position: fixed;
inset: 0;
z-index: 110;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
-webkit-transition: var(--trans-sm);
transition: var(--trans-sm);
font-family: var(--heading-font)
}

.chat_backdrop.show::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.7);
inset: 0
}

.chat_boxBody {
padding: 20px 29px;
/*background-color: #f7f7f7;*/
position: relative;
height: 100%;
}
.close-chat img {
  width: 18px;
  filter: brightness(0) invert(1);
}

.mainwp {
  position: relative;
  z-index: 99999999999999999999999999999999999999999;
}
.mainwp::after {
  position: fixed;
  content: "";
  background-color: #00000099;
  background-size: contain;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 9999999;
  backdrop-filter: blur(6px);
}

.xer {
    margin-top: 10rem;
    margin-bottom: 5rem;
}
.ccpo img {
    width: 100%;
    border-radius: 8px;
    height: 341px;
    object-fit: cover;
}

.cspx h2 {
    font-size: 31px;
    font-weight: 600;
    letter-spacing: 0.55px;
    color: #ef0b00;
}
.cspx p {
    font-size: 17px;
    letter-spacing: 0.55px;
    color: #000;
    line-height: 28px;
    font-weight: 400;
}
.contact-link {
    display: flex;
    gap: 14px;
    margin-top: 7%;
    padding-left: 0rem;
}
.contact-link{
  list-style: none;
}
.vgd {
  height: 39px;
  width: 39px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  border:1px solid #1536514a;
  transition:all 2s;
}
.vgd img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  width: 16px;
  filter: brightness(0);
}
.vgd:hover{
border:1px solid #800202;
background-color: #800202;
}
.vgd:hover img{
    filter: brightness(0) invert(1);
}
.abthd p{
    font-size: 18px;
    letter-spacing: 0.55px;
    line-height: 27px;
    color: #000;
    font-weight: 400;
}
.abthd h2 {
    font-size: 36px;
    letter-spacing: 0.55px;
    color: #000;
    font-weight: 600;
    font-family: 'Karla';
}
.fixbt{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:999;
}
.dbt a{
    padding:12px;
    display:flex;
    width:100%;
    background-color:#b73033;
    font-size:18px;
    color:#fff;
    justify-content:center;
}
.jbt a{
    background-color:#005f33 !important;
}
.view-image {
  position: fixed;
  inset: 0;
  z-index: 500;
  padding: 3%;
  display: flex;
  flex-direction: column;
  animation: view-image-in 300ms;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 999999999999999 !important;
}

.inner-success {
    width: 300px;
    margin: auto;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2rem 1rem;
}
#success {
    background-color: #000000b8;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999;
    display: none;
}
.quick_sucInner {
    text-align: center;
}
.quick_sucInnerBtn {
    background-color: #31a300;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 7px 20px;
    border-radius: 30px;
    font-family: auto !important;
}
.quick_sucInner h3 {
    font-family: auto !important;
}

.dec-ms h2 {
    font-size: 31px;
    /*text-align: center;*/
    letter-spacing: 0.55px;
    font-weight: 500;
    color: #cf0007d4;
    margin-bottom: 1%;
}
.dec-ms p {
    font-size: 17px;
    letter-spacing: 0.55px;
    line-height: 25px;
    color: #000000b3;
    font-weight: 500;
}
.cqaa{
    margin-bottom:3rem !important;
}