.banner {
            position:relative;
            background-image:url('https://periyarworld.org/assets/img/donate/donate-banner.jpg');
            background-size:cover;
            background-position:center;
            height:450px;
          }
          .overlay {
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background:linear-gradient(20deg,rgba(0,0,0,0.00) 29.09%,rgba(0,0,0,0.71) 92.09%),linear-gradient(270deg,rgba(0,0,0,0.00) 0.16%,rgba(0,0,0,0.72) 79.33%);
            /*display:flex;
            align-items:center;
            justify-content:center;
            */
          }
          .txt-pp {
            color:#313131;
            font-family: 'Sen Regular';
            font-size:14px;
            font-style:normal;
            font-weight:400;
            line-height:180%;
            /* 25.2px */
          letter-spacing:0.42px;
          }
          .overlay h1 {
            position:absolute;
            top:57%;
            transform:translateY(-50%);
            left:95px;
            color:#FFF;
            font-family:'Poppins Medium';
            font-size:38px;
            font-style:normal;
            font-weight:normal;
            line-height:150%;
          }

          .construction-heading {
            font-family: 'Poppins Medium';
            font-size: 26px;
            padding-bottom: 20px;
          }

          .construction-btn a {
            color: #FFF;
            font-family: 'Poppins Medium';
            font-size: 14px;
            font-style: normal;
            line-height: 150%;
            letter-spacing: 0.14px;
            text-transform: uppercase;
            border-radius: 9px;
            background: linear-gradient(90deg, #161616 0%, #484848 44.5%, #161616 100%);
            padding: 6px 11px;
        }
        
        .construction-btn::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 1px;
            border-bottom: 1px solid #000;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            z-index: -1;
        }

        
          .bg-sec-1 {
            position:relative; 
          }
          .bg-sec-1-img {
            background-image:url('https://periyarworld.org/assets/img/donate/bg-sec-1.jpg');
            background-size:100% 100%;
            background-repeat:no-repeat;
            background-position:center;
            border-radius:5px;
            box-shadow:0px 5px 10px 0px rgba(170,170,170,0.25);
                margin-top: -75px;
    margin-bottom: -90px;
          }
          .bg-sec-1 h4 {
            color:#313131;
            font-family: 'Poppins Medium';
            font-size:23px;
            font-style:normal;
            font-weight:700;
            line-height:150%;
            /* 45px */
          letter-spacing:0.3px;
          }
          .bg-sec-1 p {
            color:#333;
            font-family: 'Sen Regular';
            font-size: 14px;
            font-style:normal;
            font-weight:400;
            line-height:180%;
            /* 25.2px */
          letter-spacing:0.42px;
          }
          .iti--separate-dial-code .iti__selected-dial-code {
            margin-left:0px !important;
          }
          .iti__flag,.iti__flag-box {
            width:0px !important;
            display:none;
          }
          .bg-sec-2 {
            background-image:url('https://periyarworld.org/assets/img/donate/bg-sec-2.jpg');
            background-size:100% 100%;
            background-repeat:no-repeat;
            background-position:center;
          }
          .img-shadow-add img {
            border-radius:1px;
            border:2px solid #212121;
            box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25);
          }
          .bg-sec-2 h5 {
            color:#FFF;
            font-family: 'Poppins Medium';
            font-size: 23px;
            font-style:normal;
            line-height:150%;
            /* 37.5px */
          letter-spacing:0.25px;
          }
          .bg-sec-2 p {
            color:#FFF;
            font-family: 'Sen Regular';
            font-size: 13px;
            font-style:normal;
            font-weight:300;
            line-height:180%;
            /* 25.2px */
          letter-spacing:0.42px;
          }
          .icon-add-sec p {
            color:#FFF;
            font-family: 'Sen Regular';
            font-size: 14px;
            font-style:normal;
            font-weight:300;
            padding-top:6px;
            line-height:180%;
            /* 28.8px */
          letter-spacing:0.48px;
            text-transform:capitalize;
          }
          .AB-line,.AB-B-line {
            position:relative;
          }
          .AB-B-line::before {
            content:'';
            position:absolute;
            right:0px;
            top:60%;
            transform:translateY(-50%);
            height:40px;
            width:1px;
            background:#fff;
          }
          .AB-line::before {
            content:'';
            position:absolute;
            left:0px;
            top:60%;
            transform:translateY(-50%);
            height:40px;
            width:1px;
            background:#fff;
          }
          .AB-line::after {
            content:'';
            position:absolute;
            right:0px;
            top:60%;
            transform:translateY(-50%);
            height:40px;
            width:1px;
            background:#fff;
          }
          .img-hover-origin:hover {
            -webkit-filter:none;
            filter:none;
          }
          .img-hover-origin {
            -webkit-filter:grayscale(100%);
            filter:grayscale(100%);
          }
          .bg-sec-3 {
            background-image:url('https://periyarworld.org/assets/img/donate/bg-sec-3.jpg');
            background-size:100% 100%;
            background-repeat:no-repeat;
            background-position:center;overflow-x: hidden;
          }
          .bg-sec-3 .img-w {
            min-width:40px;
          }
          .bg-sec-3 h4 {
            color: #333;
            font-size: 32px;
            font-style: normal;
            line-height: 150%;
            letter-spacing: 0.4px;
            font-family: 'Poppins Medium';
          }
          .bg-sec-3 p {
            color:#333;
            font-family: 'Sen Regular';
            font-size:14px;
            font-style:normal;
            font-weight:400;
            margin-bottom:12px;
            line-height:22px;
            /* 25.2px */
          letter-spacing:0.42px;
          }
          .bg-clr-add::before {
            content:'';
            position:absolute;
            top:0px;
            left:50%;
            transform:translateX(-50%);
            height:100%;
            width:3px;
            background:#fff;
          }
          .bg-clr-add {
            border-radius:1px;
            border:2px solid #FFF;
            position:relative;
            background:linear-gradient(90deg,#1F1F1F 0%,#232323 100%);
          }
          .bg-sec-4 h4 {
            color: #313131;
            font-size: 20px;
            font-style: normal;
            line-height: 150%;
            letter-spacing: 0.2px;
            font-family: 'Poppins Medium';
          }
          .txt-red {
            color:#FF4E4E;
          }
          .form-sec .form-control::placeholder {
            font-family:'HankenGrotesk';
            color:#979797;
            font-size:14.548px;
            font-weight:bold;
            letter-spacing:0.145px;
          }
          .form-sec .form-control,.form-sec .form-select {
            border:none;
            border-bottom:1px solid #979797;
            background:none;
            border-radius:0px;
            padding-top:2px;
            font-family: 'Sen Regular';
            color:#979797;
            font-size:14.548px;
            font-weight:400;
            letter-spacing:0.145px;
          }
          .form-sec .form-control:focus,.form-sec .form-select:focus {
            box-shadow:none;
            background-color:transparent;
            border-color:transparent;
            border-bottom:1px solid #979797;
          }
          .form-sec label {
            color:#979797;
            font-family:'HankenGrotesk';
            font-size:14.548px;
            font-style:normal;
            font-weight:400;
            line-height:20px;
            /* 26.186px */
          letter-spacing:0.145px;
          }
          .txt-err-msg {
            color:red;
            letter-spacing:0.21px;
            font-family:'HankenGrotesk';
            font-size:11px;
            line-height:12px;
            display:block;
            padding:3px 0 0px;
          }
          .same-wtsappno {
            color:#979797;
            font-family: 'Sen Regular';
            font-size:13px;
            display:block;
            font-weight:400;
            line-height:170%;
            /* 22.1px */
          }
          .pt-04 {
            padding-top:2rem;
          }
          .checkbox {
            position:relative;
            top:2px;
            background-color:#1F1F1F !important;
            border-radius:3.031px !important;
            border:0.5px solid #979797 !important;
            accent-color:#1F1F1F;
          }
          .arrow-down,.rs-icon {
            color:#979797;
          }
          .arrow-down i {
            position:absolute;
            bottom:7px;
            right:0px;
            font-size:14px;
          }
          .rs-icon i {
            position:absolute;
            bottom:7px;
            left:0px;
            font-size:14px;
          }
          .txt-amount-value {
            border-radius:7px;
            border:0.5px solid #A8A8A8;
            background:#222;
            color:#979797;
            font-family: 'Sen Regular';
            padding:4px 7px;
            font-size:15px;
            font-style:normal;
            font-weight:600;
            line-height:180%;
            /* 27px */
          letter-spacing:0.45px;
            text-transform:capitalize;
          }
          .bg-sec-clr {
            background:#3A3A3A;
          }
          .bg-sec-clr p {
            color:#979797;
            text-align:center;
            font-family: 'Sen Regular';
            font-size:13px;
            font-style:normal;
            font-weight:400;
            line-height:180%;
            /* 23.4px */
          letter-spacing:0.39px;
          }
          .AB-line-dashed {
            position:relative;
          }
          .AB-line-dashed::before {
            content:'';
            position:absolute;
            top:16px;
            left:50%;
            transform:translateX(-50%);
            width:86%;
            height:2px;
            border-top:1px dashed #979797;
          }
          .button:hover {
            background:linear-gradient(0deg,#F5BB8F 0%,#FDD3B2 100%);
          }
          .button {
            border-radius:10px;
            transition:all 0.3s ease;
            background:linear-gradient(180deg,#F5BB8F 0%,#FDD3B2 100%);
            box-shadow:0px 2px 10px 0px rgba(0,0,0,0.25);
            outline:none;
            border:none;
            padding:7px 30px;
            color:#303030;
            font-size:20px;
            font-style:normal;
            font-family: 'Sen Regular';
            line-height:150%;
            /* 30px */
          letter-spacing:0.2px;
          }
          .quick-link-time-update {
            max-width:400px;
          }
          .quick-link-time-update a {
            color:#2A2A2A;
            text-align:center;
            font-family: 'Sen Regular';
            font-size:21.505px;
            font-style:normal;
            font-weight:600;
            line-height:150%;
            /* 32.258px */
          letter-spacing:0.645px;
          }
          .quick-link-time-update a:hover .border-b-1 {
            border:none;
          }
          .border-b-1 {
            border-bottom:1px solid #2A2A2A;
            transition:border 0.5s ease;
          }
          .bg-sec-slider {
            position:relative;
          }
          .bg-sec-slider::before {
            content:'';
            position:absolute;
            top:-120px;
            left:0px;
            bottom:0px;
            width:100%;
            background-image:url('https://periyarworld.org/assets/img/donate/bg-sec-slider.jpg');
            background-size:cover;
            background-repeat:no-repeat;
            background-position:center;
            z-index:-1;
          }
          .bg-sec-slider h4 {
            color:#FFF;
            font-family: 'Poppins Medium';
            font-size:25px;
            font-style:normal;
            font-weight:400;
            line-height:150%;
            /* 52.5px */
          letter-spacing:0.35px;
          }
          /*slider*/
          .bg-sec-slider .clip img {
            margin:10px;
            width:770px;
            height:440px;
          }
          .bg-sec-slider .slick-dots {
            position:absolute;
            bottom:-40px;
            width:100%;
            text-align:center;
            list-style:none;
            padding:0;
            margin:0;
          }
          .bg-sec-slider .slick-dots li {
            display:inline-block;
            margin:0 5px;
          }
          .bg-sec-slider .slick-dots li button {
            font-size:0;
            line-height:0;
            display:block;
            width:10px;
            height:10px;
            padding:5px;
            cursor:pointer;
            background-color:#4d4d4d;
            border-radius:50%;
            border:none;
            outline:none;
          }
          .bg-sec-slider .slick-dots li.slick-active button {
            background-color:#D9D9D9;
          }
          /*//slider*/
          .txt-p {
            color:#313131;
            font-family:'HankenGrotesk';
            font-size:14px;
            font-style:normal;
            font-weight:500;
            line-height:180%;
            /* 25.2px */
          letter-spacing:0.42px;
          }
          .social-media-sec .img-w {
            min-width:35px;
          }
          .social-media-sec a:hover {
            color:#000;
          }
          .social-media-sec a {
            color:#565151;
            font-family: 'Sen Bold';
            font-size:13.316px;
            font-style:normal;
            font-weight:700;
            line-height:103%;
            /* 13.715px */
          letter-spacing:0.266px;
          }
          .AB-line-last {
            position:relative;
          }
          .AB-line-last::before {
            content:'';
            position:absolute;
            top:0px;
            left:50%;
            transform:translateX(-50%);
            width:2px;
            height:100%;
            border-left:1px solid hsl(0deg 0% 1% / 50%);
          }
          .bg-sec-slider .row {
            --bs-gutter-x:0rem;
          }
          .iti__selected-flag {
            color:#979797;
            padding-left:0px !important;
            font-size:16px;
            height:auto !important;
          }
          .mobile_code.ps-02 {
            padding-left:46px !important;
          }
          .iti {
            display:block !important;
          }
          .form-sec label.font-choose-txt {
            color: #E5E5E5;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 180%;
            letter-spacing: 0.15px;
            font-family: 'Sen Regular';
          }
          .po-currency-rupee {
            position:absolute;
            left:5px;
            bottom:4px;
            font-size:17px;
          }
          .form-check-input:focus {
            box-shadow:none;
          }
          .form-check-input {
            --bs-form-check-bg:transparent;
            border:1.5px solid #fff;
            position:relative;
            bottom:-1px;
          }
          .form-check-input:checked {
            background-color:transparent;
            border-color:#fff;
          }
          .form-check-input:checked[type=radio] {
            --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%2328a745'/%3e%3c/svg%3e");
          }
          /*thank u popup*/ 
                  .thankYouModal .heading {
            font-size:24px;
            font-weight:bold;
            color:#FFF;
            text-align:center;
          }
          .thankYouModal .content p {
            margin:12px 0;
            color:#FFF;
            font-weight:300;
            font-size:16px;
            line-height:20px;
          }
          .thankYouModal .footer p {
            text-align:center;
            font-size:13px;
            color:#B7B7B7;
          }
          .thankYouModal .footer a:hover {
            color:#ffc500 !important;
          }
          .thankYouModal .footer a {
            font-weight:600;
            color:#fad34f;
            text-decoration:none;
          }
          /* Modal styles */
                  .thankYouModal {
            position:fixed;
            z-index:1;
            left:0;
            top:0;
            width:100%;
            height:100%;
            overflow:auto;
            background-color:rgb(0,0,0);
            background-color:rgba(0,0,0,0.95);
          }
          .thankYouModal .modal-content {
            background:linear-gradient(180deg,#4B638A 0%,#5A458F 60.3%,#3D5375 100%);
            margin:15% auto;
            padding:5px 20px 20px;
            border:1px solid #fff;
            width:80%;
            max-width:600px;
            border-radius:8px;
          }
          .thankYouModal .close {
            color:#aaa;
            text-align:right;
            float:right;
            line-height:28px;
            font-size:28px;
            font-weight:bold;
            cursor:pointer;
          }
          .thankYouModal .close:hover,.thankYouModal .close:focus {
            color:#f5f5f5;
            text-decoration:none;
            cursor:pointer;
          }
          .swiper-slide .content-sec h5 {
            color: #333;
            width: 60%;
            font-size: 19px;
            font-style: normal;
            line-height: 36px;
            letter-spacing: 0.75px;
            font-family: 'Sen Regular';
          }
          .swiper-3d .swiper-wrapper {
            height:515px !important;
          }
          .swiper-autoheight .swiper-wrapper {
            align-items:inherit !important;
            transition-property:inherit !important;
          }
          .swiper-slide {
            display:flex;
            align-items:center;
            justify-content:center;
          }
          .swiper-3d .swiper-wrapper {
            transform-style:flat !important;
          }
          .swiper-slide .content-sec {
            position:absolute;
            top:140px;
          }
          .person-img-1,.person-img-2,.person-img-3,.person-img-4 {
            position:relative;
          }
          .person-img-1::after,.person-img-2::after,.person-img-3::after,.person-img-4::after {
            content:'';
            position:absolute;
            bottom:0px;
            right:0px;
            width:350px;
            height:460px;
            background-repeat:no-repeat;
            background-position:top;
            background-size:cover;
          }
          .person-img-1 .swiper-slide-prev,.person-img-1 .swiper-slide-next {
            display:none !important;
          }
          .person-img-1::after {
            background-image:url(https://periyarworld.org/assets/img/donate/person-img-1.png);
          }
          .person-img-2::after {
            background-image:url(https://periyarworld.org/assets/img/donate/person-img-2.png);
          }
          .person-img-3::after {
            background-image:url(https://periyarworld.org/assets/img/donate/person-img-3.png);
          }
          .person-img-4::after {
            background-image:url(https://periyarworld.org/assets/img/donate/person-img-4.png);
          }


  @media only screen and (min-width:992px) and (max-width:1199px) { 
.swiper-slide .content-sec h5 { 
  font-size: 17px; 
  line-height: 30px;
}
   }

       @media only screen and (min-width:768px) and (max-width:991px) {
           
          .bg-sec-3 h4 {
            line-height:52px;
          }
          .bg-sec-2 {
            background-size:cover;
          }
          .swiper-slide .content-sec h5 {
           line-height: 36px;
    font-size: 16px;
          }
          .swiper-3d .swiper-wrapper {
            height:400px !important;
          }
          .person-img-1::after,.person-img-2::after,.person-img-3::after,.person-img-4::after {
            width:275px;
            height:365px;
          }
          }@media only screen and (min-width:600px) and (max-width:767px) {
            .bg-sec-slider .clip img {
            width:501px;
            height:321px;
          }
           
          .bg-sec-1 h4 {
            line-height:40px;
          }
          .bg-clr-add::before,.AB-line-last::before {
            position:inherit;
          }
          .AB-line-dashed::before {
            width:100%;
          }
          .social-media-sec .justify-content-start {
            justify-content:center !important;
          }
          .bg-sec-2 {
            background-size:cover;
          }
          .person-img-1::after,.person-img-2::after,.person-img-3::after,.person-img-4::after {
            width:230px;
            height:325px;
          }
          .swiper-3d .swiper-wrapper {
            height:340px !important;
          }
          .swiper-slide .content-sec {
            top:80px;
          }
          .swiper-slide .content-sec h5 {
           line-height: 30px;
    font-size: 15px;
          }
          }@media only screen and (max-width:600px) {
		.bg-sec-1-img br{display:none;}
.construction-heading { 
  font-size: 20px;
}
.construction-btn a { 
  font-size: 12px;
}
            .swiper-slide .content-sec h5 {
            font-size:16px;
            line-height:30px;
          }
          .swiper-slide .content-sec {
            top:40px;
          }
          .swiper-3d .swiper-wrapper {
            height:325px !important;
          }
          .person-img-1::after,.person-img-2::after,.person-img-3::after,.person-img-4::after {
            width:170px;
            height:240px;
          }
          .banner {
            height:350px;
          }
          .bg-sec-1 { 
            text-align:center;
          }
         
          .bg-sec-1 h4 {
            line-height:30px;
            font-size:19px;
          }
          .bg-sec-2,.bg-sec-1 {
            background-size:cover;
          }
          .bg-sec-2 h5 {
            line-height:32px;
          }
          .icon-add-sec p {
            font-size:11.5px;
            line-height:15px;
          }
          .AB-line::before,.AB-line::after,.AB-B-line::before {
            background:#6a6a6a;
          }
          .bg-sec-3 h4 {
            line-height: 30px;
    font-size: 22px;
          }
.bg-sec-4 h4 { 
  font-size: 16px;
}
.form-sec label.font-choose-txt { 
  font-size: 14px;line-height: 150%;
}
          .overlay h1 {
            left:50%;
            transform:translateX(-50%) !important;
            bottom:110px;
            font-size:32px;
          }
          .bg-clr-add::before {
            position:inherit;
          }
          .AB-line-dashed::before {
            width:100%;
          }
          .same-wtsappno {
            font-size:12px;
          }
          .button {
            padding:8px 20px;
            font-size:18px;
          }
          .bg-sec-slider h4 {
       font-size: 22px;
    line-height: 35px;
          }
          .bg-sec-slider .clip img {
            width:401px;
            height:221px;
          }
          .AB-line-last::before {
            position:inherit;
          }
          .social-media-sec .justify-content-start {
            justify-content:center !important;
          }
          .social-media-sec.donate-page {
            display:block;
          }
          }@media only screen and (max-width:576px) {
            .mbl-b-line.AB-line::after {
            background:transparent;
          }
          }@media only screen and (max-width:380px) {
            .swiper-slide .content-sec {
            top:30px;
          }
          .swiper-3d .swiper-wrapper {
            height:360px !important;
          }
          .person-img-1::after,.person-img-2::after,.person-img-3::after,.person-img-4::after {
            width:144px;
            height:218px;
          }
          }@media only screen and (max-width:399px) {
            .icon-add-sec p {
            font-size:10px;
            line-height:12px;
          }
.row.py-5.px-md-5.bg-sec-1-img{  padding-top: 1.5rem !important;}
 
          }@media only screen and (max-width:349px) {
            .icon-add-sec p {
            font-size:9px;
            line-height:12px;
          }
          .swiper-3d .swiper-wrapper {
            height:370px !important;
          }
          .swiper-slide .content-sec {
            top:30px;
          }
          .person-img-1::after,.person-img-2::after,.person-img-3::after,.person-img-4::after {
            width:150px;
            height:205px;
          }
          }@media only screen and (min-width:1200px) and (max-width:1299px) {
            .person-img-1::after,.person-img-2::after,.person-img-3::after,.person-img-4::after {
            width:220px;
            height:350px;
          }
          }@media only screen and (min-width:1300px) and (max-width:1399px) {
            .person-img-1::after,.person-img-2::after,.person-img-3::after,.person-img-4::after {
            width:300px;
            height:415px;
          }
          }@media only screen and (min-width:992px) and (max-width:1210px) {
            .icon-add-sec p {
            font-size:13px;
            line-height:16px;
          }
          }@media only screen and (min-width:992px) and (max-width:1199px) {
            .person-img-1::after,.person-img-2::after,.person-img-3::after,.person-img-4::after {
            width:220px;
            height:345px;
          }
          }@media only screen and (min-width:1800px) {
            body {
            max-width:100%;
            margin-left:auto;
            margin-right:auto;
          }
          }@media only screen and (min-width:1900px) {
            .overlay h1 {
            font-size:43px;
          }

          .bg-sec-1 h4 {
            font-size:30px;
          }

          .bg-sec-1 p  {
            font-size:20px;
          }

          .icon-add-sec p {
            font-size:20px;
          }

          .bg-sec-2 h5 {
            font-size:30px;
          }

          .bg-sec-2 p{
            font-size: 20px;
          }

          .bg-sec-3 h4 {
            font-size:38px;
          }

          .bg-sec-3 p {
            font-size: 20px;
          }

          .swiper-slide .content-sec h5 {
            font-size: 25px;line-height:40px;
          }

          .bg-sec-4 h4{
            font-size: 25px;
          }

          .bg-sec-slider h4 {
            font-size: 31px;
          }

          .txt-pp {
            font-size: 20px;
          }

          .social-media-sec a {
            font-size: 20px;
          }

          .construction-btn a {
            font-size: 20px;
          }
          }