@font-face {

        font-family: 'roboto';

        src: url('../fonts/roboto-black-webfont.woff2') format('woff2'),

             url('../fonts/roboto-black-webfont.woff') format('woff'),url('../fonts/roboto-thinitalic-webfont.woff2') format('woff2'),

             url('../fonts/roboto-thinitalic-webfont.woff') format('woff'),url('../fonts/roboto-blackitalic-webfont.woff2') format('woff2'),

             url('../fonts/roboto-blackitalic-webfont.woff') format('woff'),url('../fonts/roboto-bold-webfont.woff2') format('woff2'),

             url('../fonts/roboto-bold-webfont.woff') format('woff'),url('../fonts/roboto-bolditalic-webfont.woff2') format('woff2'),

             url('../fonts/roboto-bolditalic-webfont.woff') format('woff'),url('../fonts/roboto-italic-webfont.woff2') format('woff2'),

             url('../fonts/roboto-italic-webfont.woff') format('woff'),url('../fonts/roboto-light-webfont.woff2') format('woff2'),

             url('../fonts/roboto-light-webfont.woff') format('woff'),url('../fonts/roboto-medium-webfont.woff2') format('woff2'),

             url('../fonts/roboto-medium-webfont.woff') format('woff'),url('../fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),

             url('../fonts/roboto-mediumitalic-webfont.woff') format('woff'),url('../fonts/roboto-regular-webfont.woff2') format('woff2'),

             url('../fonts/roboto-regular-webfont.woff') format('woff'),url('../fonts/roboto-thin-webfont.woff2') format('woff2'),

             url('../fonts/roboto-thin-webfont.woff') format('woff'),url('../fonts/roboto-thinitalic-webfont.woff2') format('woff2'),

             url('../fonts/roboto-thinitalic-webfont.woff') format('woff');

        font-weight: normal;

        font-style: normal;

    }

  @font-face {

    font-family: 'Lobster';

    src: url('../fonts/lobster-regular-webfont.woff2') format('woff2'),

         url('../fonts/lobster-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



  @font-face {

        font-family: 'arvo';

        src: url('../fonts/Arvo-Bold.woff') format('woff'), url('../fonts/Arvo-BoldItalic.woff') format('woff'),url('../fonts/Arvo-Italic.woff') format('woff'),url('../fonts/Arvo-Regular.woff') format('woff');

        font-style: normal;

        font-weight: normal;

    }



    p,.volunteer_content ul li,.thanks_content ul li {

    font-family: 'Tinos';

    font-size: 18px;

    line-height: 1.5;

    }

    body{

        font-family: 'Tinos';

    }

    h2{

        font-size: 23px;

        font-weight: 400;

            line-height: 1.2;

    font-family: 'Poppins';

            color: #29166f;

    }

img {

    width: 100%;

}

img.placholder {

    opacity: 0;

}

a.navbar_brand img {

    width: 100%;

    background: #fffaf3;

    z-index: 99;

    position: relative;

}

ul.social_share.header_social_share {

    display: inline-flex;

    list-style: none;

    margin: 0;

}

ul.sub-menu {

    display: none;

}

.top_bar a,ul.social_share li a {

    font-size: 15px;

    color: #595857;



    text-transform: uppercase;

    font-weight: 600;

}

.top_bar a i,ul.social_share li a {

    border: 3px solid #595857;

    padding: 5px 5px;

    border-radius: 50%;

    font-size: 17px;

}

.top_bar a:first-child {

    margin-right: 20px;

}

ul.social_share {

    padding: 0;

}

ul.social_share li a {

    display: block;

    line-height: 1;

    margin-right: 15px;

width: 35px;

    height: 35px;

    padding: 6px 7px;

}

.top_bar_right, .top_bar {

    margin: 20px 0;

    display: block;

}

ul.nav.navbar-nav {

    display: block;

}

ul.nav.navbar-nav li {

    display: inline-block;

    position: relative;

}



ul.nav.navbar-nav li a {

    font-size: 15px;

position: relative;

    text-transform: uppercase;

    color: #595857;



    padding: 25px 15px;    display: block;

}

ul.nav.navbar-nav li a:after {

    content: '';

    width: 0;

    height: 4px;

    background: #da251c;

    position: absolute;

    bottom: 7px;

    left: 0;

    right: 0;

    margin: 0 auto;

    max-width: 50px;

    transition: .4s ease-in-out;

}

ul.navbar-nav > li > a:hover:after {

    width: 100%;

}

ul.nav.navbar-nav li a:hover{

    text-decoration: none;

}

ul.nav.navbar-nav ul.sub-menu li a {

    padding: 8px 15px;

    color: #000;

    font-weight: 600;

}

.button a {

    color: #29166f;

    text-decoration: none;

    font-weight: 600;

    font-family: 'arvo';

    text-transform: uppercase;

    word-spacing: 5px;

    padding: 10px 60px;

    display: block;

}

.button:hover {

    opacity: 0.3;

    box-shadow: -6px -6px 10px rgb(255 255 255 / 80%), 6px 6px 10px rgb(0 0 0 / 20%);

}

.button {

display: inline-block;

    position: relative;

        margin-bottom: 25px;

    margin-top: 2rem;

    /* padding: 10px 60px; */

    background: #f3f0f1;

    margin-bottom: 25px;

    border-radius: 32px;

    text-align: center;

    cursor: pointer;

    box-shadow: -6px -6px 10px rgb(255 255 255 / 80%), 6px 6px 10px rgb(0 0 0 / 20%);

    color: #6f6cde;

    transition: all 0.1s ease-in-out;

}

.content_right {

    text-align: end;

}

ul.sub-menu li {

    width: 100%;

}

header {

    background: #fffaf3;

    position: relative;

    box-shadow: 0 0 8px 0 rgb(0 0 0 / 33%);

    z-index: 9;

    border-bottom: 2px solid #595857;

}

header .navbar_brand img{

    top: 0;

    transition: all .3s;

}

header.small_header .navbar_brand img {

    transition: all .3s;

    top: 76px;

        width: 50%;

    /* border: 3px solid #595857; */

    /* box-shadow: 0px 4px 5px -4px rgb(255 250 243 / 68%); */

}

main.small_header_main {

    margin-top: 149px;

}

.small_header {

    position: fixed;

z-index: 9999;

    width: 100%;

    top: -76px;

}

header:after {

    content: "";

    height: 2px;

    width: 100%;

    background: #595857;

    position: absolute;

    top: 50%;

}

ul.nav.navbar-nav li a[aria-current="page"] {

    background: #29166f;

    font-weight: bolder;

    color: #000;

    box-shadow: 0px 2px 6px -3px #000;

    position: relative;

    top: -1px;

    color: #fff;

    border-top-left-radius: 1.3rem;

    border-bottom-right-radius: 1.3rem;

    z-index: 9;

    padding: 20px 15px;

    transition: all .5s;

}

ul.nav.navbar-nav li a[aria-current="page"]:hover {

    background: #a91111;

    border-radius: 0;

    border-top-right-radius: 1.3rem;

    border-bottom-left-radius: 1.3rem;

    transition: all .5s;

}

.border_bottom {

    position: relative;

}



ul.nav.navbar-nav li a[aria-current="page"]:hover:after{

    width: 0px;

}

li.donate_button_header {

    position: relative;

}
p.old-content {
    text-align: justify;
}
/* li.donate_button_header:before {

    content: "";

    position: absolute;

    width: 10px;

    height: 10px;

    background: #d0c6b8;

    left: -2.5px;

    transform: rotate( 

20deg

 );

    box-shadow: 0 0 2px 0 #0000008a;

    top: 0px;

    border-radius: 2px;

    z-index: 0;

} */

/* li.donate_button_header:after {

    content: "";

    position: absolute;

    width: 10px;

    height: 10px;

    background: #d0c6b8;

    right: -2.5px;

    transform: rotate( 

-20deg

 );

    box-shadow: 0 0 2px 0 rgb(0 0 0 / 54%);

    top: 0px;

    border-radius: 2px;

    z-index: 0;

} */

li.donate_button_header:hover:before {

    left: 10px;

    transition: all .4s;

}

li.donate_button_header:hover:after {

    right: 10px;

    transition: all .4s;

}



/* header */



.top_bakground{

    height: 510px;

    background-size: 70%;

    background-position: top right;

    background-attachment: fixed;

    background-repeat: no-repeat;

}

.banner_section{

    position: relative;

z-index: 1;

    overflow: hidden;

background-size: 70%;

    background-position: top right;

    background-repeat: no-repeat;

    border-bottom: 9px solid #b41f17;

    box-shadow: 0px 0px 0 0 #000;

}

.banner_section img.placholder {

    height: 510px;

}



.banner_section::before {

    content: "";

    position: absolute;

    width: calc(100% - -20px);

    height: calc(200% - 30px);

    left: -35%;

    background: #29166f;

    top: -80%;

    transform: rotate( 

110deg

 );

    z-index: 9;

    box-shadow: 0 0 15px 0 rgb(0 0 0);

}

.banner_section:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 200%;

    background: #da251c;

    top: 0;

    left: -35%;

    top: -80%;

    transform: rotate( 

110deg

 );

    box-shadow: 0 0 15px 0 rgb(0 0 0 / 95%);

}

.placholder_content {

    z-index: 9;

    color: #fff;

    padding-left: 4rem;

    position: absolute;

    top: 20%;

    max-width: 37%;

}



.placholder_content h1 {

    font-family: 'roboto';

    font-weight: bold;

}

.right_side_image {

    background-size: cover;

    background-position: left;

    background-attachment: fixed;

}

.placholder_content p {

    padding-right: 2rem;

    font-size: 18.3px;

    padding-top: 3px;

    padding-bottom: 2rem;

    font-family: 'Tinos', serif;

    /* font-family: 'Lobster', cursive; */

}

a.main_topic img {

    width: 130px;

}

/* celebrations */
.error {
    color: red;
    font-size: 10px;
    position: absolute;
}
label.form-check-label,span#sussess_message {
    color: #01e332;
    border: 1px solid;
    display: block;
    margin-top: 15px;
    padding: 3px 10px;
}
span#sussess_message {
        background: linear-gradient(
45deg, white, transparent);
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
}
span.print-error-msg {
    color: red !important;
}
.celebration-section .left_side_border {

  border: 0;

}

.celebration-section .left_side_border img {

  height: 320px;

  object-position: top;

}

.celebration-section {

background-image: url('../img/meal.jpg');

background-attachment: fixed;  

  /* background-image: linear-gradient(#eb01a5, #d13531),url(../img/banner_second.jpg); */

  background-position: top;

      background-size: cover;

  padding-top: 40px;

  position: relative;

  overflow: hidden;

  border-top: 4px solid #29166f;

  border-bottom: 4px solid #29166f;

  box-shadow: 0 0 10px 0 #0000005c;

}

.container.box_content p, small#emailHelp {

    font-family: 'tinos';

    font-size: 1rem;

    text-align: justify;

}

.celebrate_left {

  background: #fffaf3;

  border-top-right-radius: 4rem;

  padding: 43px 50px;

  border-bottom-left-radius: 4rem;

  box-shadow: 0 0 15px 0 #00000045;

}

.container.box_content p,small#emailHelp {

  font-family: 'tinos';

}

.container.box_content h2 {

  font-family: 'Anton';

}



.footer-newsletter {

  padding: 7rem 0;

  background-image: url('../img/donatio.jpg');

  text-align: center;

  background-size: cover;

  background-repeat: no-repeat;

      background-attachment: fixed;

  font-size: 15px;

  position: relative;

}

.footer-newsletter .col-lg-6 {

    z-index: 9;

}

.footer-newsletter .newslater h4, .footer-newsletter .newslater p {

    color: #fff;

}

.footer-newsletter::before {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    background: linear-gradient( 

180deg, #29166fd1, #da251c52);

    top: 0;

    bottom: 0;

    z-index: 1;

}

.footer-newsletter h4 {

    margin: 0 0 20px 0;

    padding: 0;

    line-height: 1;

    font-size: 36px;

    font-weight: 700;

    color: #fff;

    position: relative;

    font-family: "Poppins", sans-serif;

}

.footer-newsletter form {

  margin-top: 30px;

  background: #fff;

  padding: 6px 10px;

  position: relative;

  border-radius: 50px;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

  text-align: left;

}

.footer-newsletter form input[type=email] {

  border: 0;

  padding: 4px 8px;

  width: calc(100% - 100px);

}
input#birthdaytime {
    min-width: 100%;
    display: block;
}

.footer-newsletter form input[type=submit] {

  position: absolute;

  top: 0;

  right: 0;

      width: 110px;
  bottom: 0;

  border: 0;

  background: none;

  font-size: 16px;

  padding: 0 20px;

  background: #29166f;

  color: #fff;

  transition: 0.3s;

  border-radius: 50px;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

}

.footer-newsletter form input[type=submit]:hover {

  background: #415f9d;

}



/* social_logos */

.left_side_social_icons a {

    display: block;

    font-size: 30px;

    line-height: 1;

    padding: 15% 0px;

}

.left_side_social_icons a i.fab.fa-instagram {

    color: #bb2eb1;

}

.left_side_social_icons a i.fab.fa-pinterest-square {

    color: #da251c;

}

.left_side_social_icons a i.fab.fa-facebook-square {

    color: #3613b7;

}

.left_side_social_icons a i.fas.fa-envelope {

    color: #dc4b47;

}



.left_side_social_icons {

    display: block;

    opacity: 0;

    padding: 15px 15px;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);

    right: 0;

    top: 20%;

    width: 58px;

    position: fixed;

    text-align: center;

    z-index: 100020;

    background: #fff;

    overflow: hidden;

    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);

    font: initial;

    line-height: normal;

    top: auto;

    bottom: 30%;

transition: all .4s;



}

.left_side_social_icons.show {

    display: inline-block;

opacity: 1;

transition: all .4s;

}





/* .celebration-section p {

  color: #fff;

} */

/* .celebration-section:after {

  content: "";

  background: url('../img/lwf-cornor.png');

  width: 230px;

  height: 237px;

  position: absolute;

  top: -3px;

  right: 0;

  transform: rotate(

270deg);

  z-index: 0;

} */

.celebration-section::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 1;

  background: linear-gradient(

237deg, #29166fc2, transparent);

}



.box input:hover, .box input:active, .box input:focus,.box textarea:hover, .box textarea:active, .box textarea:focus {

  outline: none;

  box-shadow: 4px 4px 4px 0 #0000006e;



  transition: all .4s;

}

.contact-disclaimer {

  /* padding-top: 1rem; */

  font-size: 14px;

  text-align: justify;

  font-family: 'Tinos';

}

button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:active {

  background: #29166f;

  color: #fff;

   outline: none;

  box-shadow: 2px 2px 1px 0 #00000061;

}

.box input {

  height: 40px;

  width: 100%;

  border: 0px;

  border-radius: 5px;

      box-shadow: 1px 1px 1px 0 #00000061;



transition: all .4s;

  border-top: 1px solid #00000057;

  border-left: 1px solid #00000057;

  padding: 0 12px;

}

.box textarea {

  width: 100%;

  height: 100px;

  border: 0px;

  border-radius: 5px;

  box-shadow: 1px 1px 1px 0 #00000061;

  transition: all .4s;

  border-top: 1px solid #00000057;

  border-left: 1px solid #00000057;

  padding: 0 12px;

  padding-top: 5px;

}

.box_content{

  position: relative;

  z-index: 2;

padding-top: 2rem;

  padding-bottom: 4rem;

}



img.placholder_image {

  width: 45%;

  margin: 0 auto;

  display: none;

}

input.btn.btn-primary {

  margin-top: 0;

}

.alert.alert-success {

  margin: 0;

  position: absolute;

left: 0;

  top: 0;

  z-index: 1;

  width: 100%;

}

.btn.btn-primary {

  width: 100%;

  display: block;

  margin: 0 auto;

  background: #29166f;

  box-shadow: 3px 3px 5px 0 #00000096;

  color: #000;

  border: 0px;

  margin-top: 1rem;

  color: #fff;

  font-weight: bold;

  border-top: 1px solid #00000024;

  border-left: 1px solid #00000024;

  font-size: 20px;

  font-family: 'arvo';

}

.checkbox {

  margin-top: 1rem;

  display: flex;

  align-items: baseline;

  margin-bottom: 1rem;

}

.box_content input[type=checkbox] {

  margin-right: 10px;

}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{

  background: #29166f;

  outline: none;

  border-color: transparent;

  box-shadow: 0 0 0 0 transparent;

}

.checkbox label {

  font-size: 13px;

  display: inline-block;

  color: #fff;

  /* text-shadow: 0 0 11px #000000; */

}

.box {

  margin-top: 1.5rem;

}

.form-group h2,small#emailHelp,.form-group .checkbox spans {

  color: #fff;

}

/* celebrations */

/* flip box */

        .flip-box {

            background-color: transparent;

            width: 140px;

            height: 130px;

            border-radius: 5px;

            perspective: 1000px;

        }

        .flip-box-inner {

            position: relative;

            width: 100%;

            height: 100%;

border-radius: 5px;

            text-align: center;

            transition: transform 0.8s;

            transform-style: preserve-3d;

        }

    .flip-box:hover .flip-box-inner {

            transform: rotateY(180deg);

        }

    .flip-box-front,

        .flip-box-back {

            position: absolute;

            width: 100%;

            height: 100%;

            -webkit-backface-visibility: hidden;

            /* Safari */

            backface-visibility: hidden;

        }

        .flip-box-front {

            background-color: #bbb;

border-radius: 5px;

    transform: rotateY( 

30deg );

color: black;

    box-shadow: 0 0 9px 0 #98989852;

        }

        .flip-box-front img{

            border-radius: 5px;

    height: 100%;

    object-fit: cover;

}

.flip-box-back {

    background-color: #29166f;

    color: white;

    transform: rotateY( 

180deg

 );

    padding: 10px 15px;

    box-shadow: 0 0 9px 0 #98989852;

    border-radius: 5px;

}

.flip-box-back h2 {

    font-family: tinos;

    margin: 0;

    font-size: 22px;

color: #fff;

}

.flip-box-back h2 i {

    background: #da251c;

    padding: 3px 15px;

    box-shadow: 0 0 5px 0 #000000b0;

    border-radius: 5px;

    margin-top: 10px;

}

/* flip box */

.flip_section {

    display: flex;

}

.flip_section a {

    margin-right: 30px;

}



li.list-item:hover .sub-menu {

    visibility: visible;

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    max-height: 2220px;

}

ul .sub-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    box-shadow: 0px 2px 2px 0 #00000052;

    float: left;

    border: 1px solid #b3aba0;

    min-width: 220px;

    padding: 0;

    margin: 0;

    font-size: 14px;

    list-style: none;

    background: #fffaf3;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    background-clip: padding-box;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    max-height: 0;

    display: block;

    overflow: hidden;

    -webkit-transform: translateY(50px);

    -moz-transform: translateY(50px);

    -ms-transform: translateY(50px);

    transform: translateY(50px);

    visibility: hidden;

    opacity: 0;

}

/* header */

/* csr */

.csr_pdf {

    margin: 4rem auto;

}

/* csr */

/* reel */

.left_side_border {

    position: relative;

    /* background: #111; */

    padding: 20px;

    border-left: 10px dashed #fff;

    height: 100%;

    border-right: 10px dashed #fff;

}

/* .left_side_border:after {

    content: "";

    position: absolute;

    z-index: -1;

    top: -10px;

    right: -20px;

    bottom: -10px;

    left: -20px;

    border: 10px solid #111;

} */

.left_side_border img {

    border-radius: 15px;

    margin: 15px 0;

    height: 151px;

    object-fit: cover;

    border: 2px solid #b41f17;

    box-shadow: 4px 3px 5px 0 rgb(0 0 0 / 19%);

    padding: 6px;



}

/* reel */

/* home page */

section.missions_section p {

    text-align: justify;

    margin-bottom: 2rem;

    padding-right: 30px;

}

.home_first_section h2, .second_section_home h2, .page_title,.missions_page_content h3 {

    font-size: 23px;

    text-align: center;

    display: inline-block;

    font-family: 'roboto';

    color: #29166f;

    font-weight: 500;

    line-height: 1.2;

}

.page_description {

    margin-top: 3rem;

}

p.detail_description {

    font-size: 18px;

    font-family: 'Tinos';

    text-align: justify;

}

.founder .tool-bg {

    background-position: center;

}

.vp .tool-bg {

    background-position: -150px 0%;

}

.home_first_section {

    padding-top: 3rem;

}



span.border_bottom {

    width: 100%;

    display: block;

    border: 5px inset #b41f17;

        margin-bottom: 10px;

    margin-top: 10px;

    background: #b41f17;

    position: relative;

}

span.border_bottom:before {

    width: 10px;

    height: 10px;

    position: absolute;

    content: "";

    background: white;

    left: -10px;

    top: -5px;

    transform: rotate(

45deg

);

}

span.border_bottom:after {

    width: 10px;

    height: 10px;

    position: absolute;

    content: "";

    background: white;

    right: -10px;

    top: -5px;

    transform: rotate(

45deg

);

}

.second_section_home {

    margin-top: 25px;

    border-top: 2px dotted #29166f;

    padding-top: 25px;

}

.second_section_home img {

    box-shadow: 0 0 15px 0 rgb(0 0 0 / 43%);

    border-radius: 10px;



}

.bottom_line {

    background: #d0c6b8;

    padding: 10px 15px;

    font-family: 'arvo';

    font-size: 16px;

    text-align: center;

    text-transform: uppercase;

    font-weight: bold;

    color: #000;

    margin-top: -20px;

    z-index: 9;

    position: relative;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    box-shadow: 0px -4px 5px -3px rgb(0 0 0 / 25%);

    transition: all .4s;

}

.second_section_home a:hover

{

text-decoration: none;

}

.bottom_line {

    opacity: 0;

}

.second_section_home a:hover .bottom_line {

    opacity: 1;

    transition: all .4s;

    margin-top: -43px;

}



/*--------------------------------------------------------------

# Counts

--------------------------------------------------------------*/

.counts {

    padding: 70px 0 60px;

    background: rgb(0 220 255 / 14%);

    padding-top: 55px;

    padding-bottom: 0;

}

.counts .count-box {

    padding: 30px 30px 25px 30px;

    width: 100%;

    position: relative;

    text-align: center;

    background: #f1f6fe;

    margin-bottom: 2.5rem;

    box-shadow: 3px 3px 5px 0 #0000003b;

    border-radius: 6px;

    min-height: 150px;

}



.counts .count-box i {

    position: absolute;

    top: -28px;

    left: 50%;

    transform: translateX(-50%);

    font-size: 24px;

    background: #b41f17;

    padding: 12px;

    color: #f1f6fe;

    border-radius: 50px;

    border: 5px solid #fff;

}

.counts .count-box span {

  font-size: 36px;

  display: block;

  font-weight: 600;

  color: #062b5b;

}



.counts .count-box p {

  padding: 0;

  margin: 0;

  font-family: "Roboto", sans-serif;

  font-size: 14px;

}



.left_side_rounded_image a {

    display: inline-block;

    position: relative;

    margin: 55px auto;

}

.left_side_rounded_image a:after {

    content: "";

    position: absolute;

    width: calc(100% - 15px);

    height: calc(100% - 15px);

    top: 7px;

    left: 7px;

    background: transparent;

    border: 25px solid #29166f;

    border-radius: 30px;

    box-shadow: 0 0 5px 0 #00000057;

    transform: rotate( 

45deg);

    z-index: 0;

}.left_side_rounded_image a:after {

    content: "";

    position: absolute;

    width: calc(100% - 15px);

    height: calc(100% - 15px);

    top: 7px;

    left: 7px;

    background: transparent;

    border: 25px solid #29166f;

    border-radius: 30px;

    box-shadow: 0 0 5px 0 #00000057;

    transform: rotate( 

45deg);

    z-index: 0;

}.left_side_rounded_image a:after {

    content: "";

    position: absolute;

    width: calc(100% - 15px);

    height: calc(100% - 15px);

    top: 7px;

    left: 7px;

    background: transparent;

    border: 25px solid #29166f;

    border-radius: 30px;

    box-shadow: 0 0 5px 0 #00000057;

    transform: rotate( 

45deg);

    z-index: 0;

}.left_side_rounded_image a:after {

    content: "";

    position: absolute;

    width: calc(100% - 15px);

    height: calc(100% - 15px);

    top: 7px;

    left: 7px;

    background: transparent;

    border: 25px solid #29166f;

    border-radius: 30px;

    box-shadow: 0 0 5px 0 #00000057;

    transform: rotate( 

45deg);

    z-index: 0;

}.left_side_rounded_image a:after {

    content: "";

    position: absolute;

    width: calc(100% - 15px);

    height: calc(100% - 15px);

    top: 7px;

    left: 7px;

    background: transparent;

    border: 25px solid #29166f;

    border-radius: 30px;

    box-shadow: 0 0 5px 0 #00000057;

    transform: rotate( 

45deg);

    z-index: 0;

}.left_side_rounded_image a:after {

    content: "";

    position: absolute;

    width: calc(100% - 15px);

    height: calc(100% - 15px);

    top: 7px;

    left: 7px;

    background: transparent;

    border: 25px solid #29166f;

    border-radius: 30px;

    box-shadow: 0 0 5px 0 #00000057;

    transform: rotate( 

45deg);

    z-index: 0;

}.left_side_rounded_image a:after {

    content: "";

    position: absolute;

    width: calc(100% - 15px);

    height: calc(100% - 15px);

    top: 7px;

    left: 7px;

    background: transparent;

    border: 25px solid #29166f;

    border-radius: 30px;

    box-shadow: 0 0 5px 0 #00000057;

    transform: rotate( 

45deg);

    z-index: 0;

}.left_side_rounded_image a:after {

    content: "";

    position: absolute;

    width: calc(100% - 15px);

    height: calc(100% - 15px);

    top: 7px;

    left: 7px;

    background: transparent;

    border: 25px solid #29166f;

    border-radius: 30px;

    box-shadow: 0 0 5px 0 #00000057;

    transform: rotate( 

45deg);

  box-shadow: -7px 8px 0px 0px #da251c;



transition: all .4s;

    z-index: 0;

}

.left_side_rounded_image a:hover:after {

    transform: rotate(

0deg);

    box-shadow: 0px 0px 0px 0px #da251c;

transition: all .4s;

}

.left_side_rounded_image a:before {

    content: "";

    background: transparent;

    border-radius: 30px;

    box-shadow: 6px 6px 0px 0px #da251c;

    border: 15px solid #29166f;

    z-index: 2;

left: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    transition: all .4s;



}

.left_side_rounded_image a:hover:before{

    box-shadow: 0px 0px 5px 0px #00000061;

    transition: all .4s;

}

.left_side_rounded_image a img {

    height: 185px;

    width: 185px;

    border-radius: 30px;

z-index: 1;

position: relative;

}

.pr{

    position: relative;

}

.right_side_content p {

    font-size: 16px;

    font-family: 'arvo';

    text-align: center;

}

a.avtar_name {

    font-size: 18px;

    text-decoration: underline;

    color: #212529;

    font-family: 'arvo';

}



/* circle */

@keyframes mymove {

  0% {

    background: radial-gradient(#801a16, transparent);

    /* background: url(../img/abc/picture24.jpg); */

  }

  50% {

    background: radial-gradient(#1a1337, transparent);

    /* background: url(../img/old-age.jpg); */

  }

  100% {

    background: radial-gradient(#801a16, transparent);

    /* background: url(../img/deprived_female.png); */

  }

}





.circle_logo {

    position: absolute;

    width: 420px;

    height: 420px;

       margin: 0 auto;

    background: rgb(40,21,111);

    background: linear-gradient( 

120deg, rgb(41 22 111 / 53%) 0%, rgb(218 37 28 / 44%) 100%);

    /* background: #e8e8e8 url(../img/circle-center.png); */

    background-size: cover;

    left: 0;

    box-shadow: 0 0 17px 0 rgb(0 0 0 / 26%);

    right: 0;

    border-radius: 50%;

    border: 8px solid #fff;



}

.circle_logo:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

      transition: all .7s;

  /* animation: mymove 5s infinite; */

      border-radius: 100%;

    opacity: 0.5;

    object-fit: cover;

    object-position: center;

    z-index: 1;

}





.circle_logo.animals::before {
    content: "";
    background-image: url('../img/folder/do_not_honk.jpg');
    /* filter: blur(2px);
    -webkit-filter: blur(2px); */
}

.moretext li {
    font-size: 18px;
    font-family: 'Tinos';
}

.circle_logo.mentally::before {

    content: "";

    background-image: url(../img/folder/child_devlopment.jpg);

     /* filter: blur(4px);

  -webkit-filter: blur(4px); */

}

.circle_logo.deprived_females::before {

    content: "";

    background-image: url(../img/folder/deprived_female.png);

     /* filter: blur(4px);

  -webkit-filter: blur(4px); */

}

.circle_logo.oldage_home::before {

    content: "";

    background-image: url(../img/folder/covid.jpg);

     /* filter: blur(4px);

  -webkit-filter: blur(4px); */

}

.circle_logo.environmant::before {

    content: "";

    background-image: url(../img/folder/enviornament.jpg);

     /* filter: blur(4px);

  -webkit-filter: blur(4px); */

}

.circle_logo.donothonk_::before {

    content: "";

    background-image: url(../img/folder/old-age.jpg);

     /* filter: blur(4px);

  -webkit-filter: blur(4px); */

}

.circle_logo.mentally_disabled::before {

    content: "";

    background-image: url(../img/folder/mentally.jpg);

     /* filter: blur(4px);

  -webkit-filter: blur(4px); */

}

.circle_logo.kermic_seva_logo::before {

    content: "";

    background-image: url(../img/folder/karmic.jpg);

     /* filter: blur(4px);

  -webkit-filter: blur(4px); */

}

.missions_list li{

    list-style: none;

        font-family: 'Tinos';

    font-size: 18px;

}

.missions_list li a:hover{

    text-decoration: none;

}

.missions_list li {

    font-family: 'Tinos';

    font-size: 18px;

    position: relative;

    list-style: none;

    padding: 5px 0;

    background: #f3f0f1;

    border-radius: 5px;

    margin: 10px 0;

    text-align: center;

    cursor: pointer;

    box-shadow: -6px -6px 10px rgb(255 255 255 / 80%), 6px 6px 10px rgb(0 0 0 / 20%);

    color: #6f6cde;

    transition: all 0.4s ease-in-out;

}

.missions_list li:hover,.missions_list li:active {

    z-index: 9;

    transform: scale(1.06);

transition: all .4s;

}

.missions_list li a {

    color: #29166f;

    display: block;

    text-transform: capitalize;

}
a.hyperlink {
    font-weight: bold;
    color: #29166f;
    text-transform: uppercase;
    text-decoration: underline;
}
.missions_list li:nth-child(even) a {

    color: #c52119;

}



.missions_list ul{

    padding: 0;

}

.tax_benifites {
    margin-top: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.circle_logo::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(../img/circle-center.png);

    background-position: center;

    border-radius: 100%;



    object-fit: cover;

    object-position: center;

    z-index: 1;

}

.left_sec_1 {

    margin: 0 30px 0;

    padding: 0;

}



.left_sec_1 h4,

.right_sec_1 h4 {

  font-size: 15px;

  color: #000;

  letter-spacing: 0.2px;

}

.left_sec_1 {

    margin: 0 70px 0;

    padding: 0;

}

.left_sec_1 li {

  list-style: none;

  text-align: right;

  padding-right: 30px;

}

.left_sec_1 li:nth-child(1) {

  margin-bottom: 10px;

}

.left_sec_1 li:nth-child(2) {

  right: 90px;

  margin-bottom: 25px;

}

.left_sec_1 li:nth-child(3) {

  right: 85px;

  margin-bottom: 15px;

}

.left_sec_1 li:nth-child(4) {

  right: 0;

}

.right_sec_1 li:nth-child(1) {

  margin-bottom: 15px;

}

.right_sec_1 li:nth-child(2) {

  left: 75px;

  margin-bottom: 35px;

}

.right_sec_1 li:nth-child(3) {

  left: 75px;

  margin-bottom: 15px;

}

.right_sec_1 li:nth-child(4) {

  left: 0;

}

.left_desc {

    float: left;

    width: 80%;

    display: none;

}

.right_desc {

    float: left;

    width: 78%;

    padding-left: 2%;

    display: none;

}

.left_img {

    float: left;

    width: 100%;

    position: relative;

    z-index: 2;

}

.left_img > div,

.right_img > div {

  border-radius: 100% !important;

  border: 0 solid #fff !important;

  width: 93px;

  height: 93px;

}

.left_img > div img, .right_img > div img {

    border: 1px;

    box-shadow: 0 19px 38px rgb(0 0 0 / 10%), 0 15px 12px rgb(0 0 0 / 2%);

    border-radius: 50%;

    padding: 9px;

 box-shadow: inset 0 0 5px 0 rgb(0 0 0 / 39%);

    background: #fff;

}

.right_sec_1 {

  margin: 0 30px 0;

  padding: 0;

}

.right_sec_1 li {

  list-style: none;

  text-align: left;

  padding-left: 30px;

}

.right_img {

    float: left;

    width: 83px;

    height: 83px;

    position: relative;

z-index: 2;

}

.right_img img {

  max-height: 125px;

  background: #fff;

  border: 0 solid #fff !important;

}

.left_sec_1 li,

.right_sec_1 li {

  position: relative;

  float: left;

  margin-bottom: 15px;

  width: 100%;

}



.left_desc h4, .right_desc h4 {

    margin-bottom: 5px !important;

    margin-top: 30px;

        color: #29166f;

    font-family: 'arvo';

}



.left_sec_1 li,

.right_sec_1 li {

  position: relative;

}

.left_sec_1 li .hover_drop,

.right_sec_1 li .hover_drop {

  position: absolute;

  width: 100%;

  height: auto;

  left: 0;

  top: 120%;

  z-index: 99999999;

  visibility: hidden;

  opacity: 0;

  display:none;

}

.left_sec_1 li .hover_drop .con_desc,

.right_sec_1 li .hover_drop .con_desc {

  padding: 20px;

  background: #fff;

  color: #000;

  border-radius: 10px;

  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.02);

  text-align: left;

  line-height: 26px;

  transition: all 0.5s ease;

  font-size: 14px;

}

/* .left_sec_1 li:hover .hover_drop,

.right_sec_1 li:hover .hover_drop {

  visibility: visible;

  opacity: 1;

  transition: all 0.5s ease;

  display:block;

} */



section.missions_section {

    margin: 3rem 0;

    margin-top: 10px;

}
section.missions_section {
    overflow: hidden;
}
.left_img > div.image_name, .right_img > div.image_name {

    position: absolute;

    top: 0;

    font-family: 'Rokkitt';

    text-align: center;

    font-weight: 700;

    display: flex;

    left: 0;

    right: 0;

    align-items: center;

    justify-content: center;

    opacity: 0;

    background: rgb(41 22 111 / 92%);

    color: #fff;

    transition: all .4s;

}

.left_img.aos-init:hover div.image_name,.right_img.aos-init:hover div.image_name {

opacity: 1;

transition: all .4s;

}

.right_circle_section {

    padding-top: 35px;

}

/* circle */

.quotes {

    overflow: hidden;

}

.mahrun_background{

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

img.jassirquote {

    height: 219px;

    width: 219px;

    border-radius: 50%;

    object-fit: cover;

    padding: 6px;

    box-shadow: 0px 0px 11px 0 #58151538;

    margin-top: 3rem;

    margin-bottom: 3rem;

}

/* home page */



/*--------------------------------------------------------------

# Frequently Asked Questions

--------------------------------------------------------------*/

section#faq {

    margin-bottom: 2rem;

}

.faqs button span {

    position: absolute;

    left: 0;

}

section#faq button.btn.btn-link {

    font-size: 18px;

    max-width: max-content;

    position: relative;

    padding-right: 2.5rem;

}

section#faq .btn-link.focus,section#faq .btn-link:focus {

    text-decoration: underline;

}

footer, .footer {

    background: #fffaf3;

    position: relative;

    color: #999;

    padding-top: 30px;

    box-shadow: 0px 0px 10px 0 rgb(0 0 0 / 12%);

}



form.subscription_box {

    display: flex;

    margin-top: 2.4rem;

}

form.subscription_box button {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}

form.subscription_box input:hover,form.subscription_box input:focus{

    outline: none;

}

form.subscription_box input {

    width: 165px;

    border: 1px solid #0000001f;

    border-bottom-right-radius: 0px;

    border-top-right-radius: 0px;

}

.success-msg {

    color: #28a745;

}

span#sussess_message {

    font-size: 13px;

}

.print-error-msg {

    color: red;

}

form.subscription_box input:focus,form.subscription_box button:focus{

outline: none;

border-color: transparent;

box-shadow: none;

}

form.subscription_box input[type="submit"] {

    font-family: tino;

    font-weight: bold;

}

footer p {

    font-size: 18px;

    color: #999;

    font-family: 'Tinos';

}

footer h5 {

    text-transform: uppercase;

    color: #29166f;

    margin-top: 0;

    font-weight: 100;

    margin-bottom: 5px;

    font-family: 'Tinos';

}

h4 span {

    font-size: 1.25rem;

    font-family: 'Tinos';

    font-weight: 100;

    color: #29166f;

}

.sub_heading {

    font-size: 16px;

    color: red;

    font-weight: 700;

    font-family: 'Tinos';

    margin-top: 3px;

}

footer p strong,footer p strong a{

    font-weight: 400;

    text-decoration: underline;

}



footer .copyright_text p{

    margin-bottom: 0;

}


footer a {

    color: #999;

    font-size: 18px;

font-family: 'Tinos';

}

footer .menu li a span {

    position: absolute;

    right: 0;

    transition: all .4s;

opacity: 0;

}

footer .menu li a:hover span {

    opacity: 1;

    right: -22px;

    transition: all .4s;

}

footer a:hover {

    color: #da251c;

}





footer .social_share{

    padding-left: 0;

    margin-top: 10px;

}



footer .social_share li{

    display: inline-block;

    margin-right: 5px;

}

footer .social_share li a{

    display: block;

    margin-right: 0;

    border: 0px solid #363636;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    text-align: center;

    line-height: 21px;

       transition: all .4s;

}

a.footer_logo img {

    width: 120px;

}

footer .social_share li a i{

    transition: all .4s;

    transform: scale(1.6);

}

/* footer .social_share li a:hover {

    box-shadow: inset 0px 0px 4px 0 #000;

   transition: all .4s;

} */

footer .social_share li i{

    font-size: 21px;

    width: 100%;

    color: #363636;

}



footer .menu{

    padding-left: 0;

}



footer .menu li{

    display: block;

    list-style: none;

}

footer .menu li a {

    line-height: 24px;

    position: relative;

}



.footer_bottom {

    background: url("../img/footer_strip.png") repeat-x;

    margin-top: 15px;

    background-size: 50px;

    background-repeat: repeat-x;

    padding-bottom: 12px;

    padding-top: 40px;

}



.footer_bottom > div.col-sm-3{

    line-height: 40px;

    padding-top: 15px;

}



.footer_bottom p a,.footer_bottom p,.footer_bottom a{

    color: #999;

}





a.footer_logo img {

  width: 130px;

  padding: 10px;

padding-bottom: 0;

}

footer h4 span {

  font-size: 16px;

  color: #29166f;

  font-family: 'Anton';

}

.sub_heading {

  color: #c51b1b;

  font-family: 'Poppins';

  font-size: 10px;

}

ul.social_share.text-center {

  padding: 0;

  list-style: none;

}

ul.social_share li {

  display: inline-block;

  font-size: 32px;

  margin: 0 8px;

}

ul.social_share a i.fab.fa-facebook-square {

  color: blue;

}

ul.social_share a i.fab.fa-instagram {

    color: #da251c;

}

footer h5 {

  font-family: 'Anton';

  color: #29166f;

}

footer.container-fluid.footer {

  padding-top: 3rem;

}

ul.menu {

  list-style: none;

  padding: 0;

}

.footer_bottom p {

  margin: 0;

  font-size: 14px;

  color: #000;

}

.footer_bottom {

  margin-top: 1rem;

  background: rgb(0 0 0 / 22%);

  padding: 15px 0;

}

/* Footer Css */

/* about */

/* donation */

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: #29166f;

}

.nav-tabs .nav-link {

   color: #801a16;

}

.taxes_block {

    padding: 4rem 0;

    text-align: center;

}

.taxes_block h1 {

    font-family: 'arvo';

}

section.donation_section {

    margin-top: 2rem;

}

 section.donation_section .write_to_us_content {

    margin-top: 1rem;

}

.nav-tabs .nav-item {

    margin-bottom: -1px;

    font-size: 18px;

    font-family: 'Poppins';

    font-weight: 700;

    text-transform: uppercase;

}

.tax_benifites:after {

    content: "";

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%;

    TOP: 0;

    background: rgb(40,21,111);

    background: linear-gradient( 

0deg, rgb(40 21 111 / 58%) 0%, rgb(128 26 22 / 45%) 100%);

}

.donation-footer {

    z-index: 9;

}

.bank_detail {

    padding: 15px;

}

/* donation */



/*--------------------------------------------------------------

# Hero Section

--------------------------------------------------------------*/

#hero {

  width: 100%;

  height: 100vh;

  background: url("../img/banner_1.jpg") top center;

  background-size: cover;

  position: relative;

  margin-bottom: -110px;

}

img{

  width: 100%;

}
.overflow_hiddden > .row {
    overflow: hidden;
}

img.about_image {

  border-top-left-radius: 5rem;

  box-shadow: 25px 25px 5px 0 #0003;

  border-bottom-right-radius: 5rem;

  transition: all .5s;

  /* opacity: 0; */

}

span.about_image_parent {

  /* background-attachment: fixed; */

  background-repeat: no-repeat;

    display: block;

    background-position: center;

  background-size: cover;

  border-top-left-radius: 5rem;

  box-shadow: 25px 25px 5px 0 #0003;

  border-bottom-right-radius: 5rem;

  transition: all .5s;

}



img.about_image:hover,span.about_image_parent:hover {

  border-radius: 0;

  transform: scale(1.03);

  border-top-right-radius: 5rem;

  border-bottom-left-radius: 5rem;

  box-shadow: 20px 20px 5px 0 #0003;

  transition: all .5s;

}

img.humanity {

  width: 110px;

  margin-bottom: 15px;

}

@media (max-width: 992px) {

  #hero {

    margin-bottom: -60px;

  }

}

#hero:before {

  content: "";

  background: rgba(21, 5, 23, 0.5) linear-gradient(rgba(26, 0, 33, 0.5) 0%, rgba(26, 0, 33, 0.5) 5%, rgba(38, 6, 51, 0.5) 40%, rgba(147, 47, 69, 0.7) 76%, rgba(236, 97, 93, 0.7) 94%, rgba(236, 97, 93, 0.5) 100%) repeat scroll 0% 0%;

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

}

#hero .hero-container {

  position: absolute;

  bottom: 0;

  top: 0;

  left: 15px;

  right: 15px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  text-align: center;

}

#hero h1 {

  margin: 0;

  font-size: 40px;

  font-family: 'Anton', sans-serif;

  font-weight: 100;

  line-height: 56px;

  text-transform: uppercase;

  color: #fff;

  letter-spacing: 2px;

  word-spacing: 8px;

}

a.donate_button {

  display: block;

  border: 2px solid #c51b1b;

  padding: 15px 26px;

  border-top-left-radius: 1rem;

  border-bottom-right-radius: 1rem;

  transition: all .5s;

}

a.donate_button:focus{

  padding: 15px 26px;

  display: block;

}

.navbar a.donate_button:hover:before,.navbar li.donate_button-li:hover > a:before {

  width: 0%;

visibility: hidden;



}

a.facebook {

  color: blue;

  font-size: 31px;

}

a.instagram {

  margin-left: 1rem;

  font-size: 31px;

  color: #d7241b;

}



.navbar a.donate_button:hover {

  border-radius: 0;

  border-top-right-radius: 1rem;

  border-bottom-left-radius: 1rem;

  transition: all .5s;

  background: #29166f;

  color: #fff;

  border-color: #29166f;

}

#hero h2 {

  color: #eee;

  margin: 15px 0 0 0;

  font-size: 24px;

}

#hero .btn-get-started {

  font-family: "Raleway", sans-serif;

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 10px 40px;

  border-radius: 4px;

  transition: 0.5s;

  margin-top: 30px;

  border: 2px solid #fff;

  color: #fff;

}

#hero .btn-get-started:hover {

  background: #ff7f5d;

  border: 2px solid #ff7f5d;

}

@media (min-width: 1024px) {

  #hero {

    background-attachment: fixed;

  }

}

@media (max-width: 768px) {

  #hero h1 {

    font-size: 30px;

    line-height: 36px;

  }

  #hero h2 {

    font-size: 18px;

    line-height: 24px;

  }

}



/*--------------------------------------------------------------

# Sections General

--------------------------------------------------------------*/





/* tool */

.tool-list {

    padding-top: 60px;

}



.tool_img {

    display: none;

}



.tool-card {

    margin-bottom: 90px;

}



.tool-bg {

    max-width: 80%;

    background-size: cover;

    padding-top: 90px;

    padding-bottom: 90px;

    border-radius: 25px;

    box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 34%);

}

.info-box {

    background: linear-gradient(

45deg, rgb(234 234 234 / 86%), rgb(234 234 234));

    max-width: 71%;

    margin-left: auto;

    transform: translateX(50%);

    padding: 25px 35px;

    border-radius: 25px;

    box-shadow: -2px 4px 10px 0 rgb(0 0 0 / 30%);

}

.info-box .title {

    font-size: 37px;

    /* padding-bottom: 7px; */

    font-family: 'Rokkitt';

    color: #29166f;

}

.info-box .subtitle {

    font-size: 18px;

    font-family: 'Tinos';

    text-align: justify;

    margin-right: 10%;

}

.info-box .button {

    margin-top: 5px;

}



.about-banner-3 {

    position: relative;

    color: #fff;

    padding-top: 200px;

    padding-bottom: 78px;

    font-size: 42px;

    line-height: 1;

    font-weight: 600;

    background-size: cover;

    background-color: #030207;

    background-position: center;

    margin-top: 80px;

    min-height: 620px;

}



.about-banner-3 p {

    color: #fff;

    line-height: 1.2;



}



.about-pattern-2 {

    position: absolute;

    right: 0;

    bottom: 0;

    top: 0;

    transform: translate(0px, -90px);

}







/* tool */



.about_page_banner {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    position: relative;

    border-bottom: 4px solid #29166f;

    box-shadow: 0px 4px 5px 0 rgb(0 0 0 / 24%);

}

.about_vice_president_cover.about_page_banner{

background-position: 0% 8%;

}

.about_page_banner.about-page-section {

    background-position: center;

}

.about_founder_cover, .about_page_banner {

    background-position: 0% 15%;

background-attachment: fixed;

}



.child_devlopment.about_page_banner {

     background-position: center;

}

.about_page_banner.mand {

    background-position: center;

}

.section-title h2 {

    font-size: 24px;

    font-weight: 600;

}

.section-title {

    margin-top: 2rem;

    margin-bottom: 10px;

}

.contact_us_banner {

    background-position: center;

}

.about_page_banner:after {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: linear-gradient(

45deg

, #29166f, transparent);

}

.about_page_banner h1 {

    z-index: 1;

    position: relative;

    color: #fff;

    font-family: 'Rokkitt', serif;

    font-weight: bold;

    line-height: 1;

    margin: 0;

}

.about_title {

    padding: 8rem 15px;

}

.about_page_banner h2 {

    z-index: 1;

    position: relative;

    color: #fff;

    font-family: 'Rokkitt';

    font-size: 21px;

    text-decoration: underline;

}

/* about */

/* about-founder */

.half_width_slider.right_side_slider img, .half_width_slider.left_side_slider img {

    height: 475px;

    object-fit: cover;

}

/* .about_founder_slider {

    box-shadow: 0px -2px 6px 0 #0000002e;

} */

.half_width_slider .slick-dots li button:before {

    text-shadow: 2px -2px 4px black;

    opacity: .9;

}

.half_width_slider.right_side_slider {

    border-left: 2px solid #d64e44;

}

.half_width_slider.left_side_slider {

    border-right: 2px solid #d64e44;

}

.half_width_slider .slick-dots {

    transform: rotate(

90deg);

    top: 40%;

    z-index: 999;

    left: calc(50% - 32px );

    height: 10%;

    width: 100%;

    display: block;

}



.half_width_slider.left_side_slider button.slick-next.slick-arrow,.half_width_slider.right_side_slider  button.slick-prev.slick-arrow {

    background: #d64e44;

    z-index: 99;

    width: 50px;

    height: 25%;

    transition: all .4s;

    right: 0;

}

.half_width_slider.right_side_slider  button.slick-prev.slick-arrow{

    right: auto;

    left: 10px;

    border-radius: 10px;

}

.half_width_slider.left_side_slider button.slick-next.slick-arrow:hover,.half_width_slider.right_side_slider  button.slick-prev.slick-arrow:hover {

    background: #da251c;

    transition: all .4s;

}

.half_width_slider.left_side_slider button.slick-next.slick-arrow:hover{

        box-shadow: -2px 2px 0px 0 rgb(0 0 0 / 68%);

        transition: all .4s;

}

.half_width_slider.right_side_slider button.slick-prev.slick-arrow:hover{

        box-shadow: 2px 2px 0px 0 rgb(0 0 0 / 68%);

}

.half_width_slider.right_side_slider button.slick-prev.slick-arrow {

    border-radius: 0;

    border-top-left-radius: 1rem;

    border-bottom-right-radius: 1rem;

}

.about_founder_slider {

    margin-bottom: -50px;

    border-top: 4px solid #d64e44;

    border-bottom: 4px solid #d64e44;

    overflow: hidden;

}

.half_width_slider.left_side_slider .slick-dots {

    right: calc(50% - 20px );

    left: auto;

}

.half_width_slider.left_side_slider button.slick-next.slick-arrow {

    box-shadow: -5px 5px 0px 0 rgb(0 0 0 / 68%);

       border-top-right-radius: 1rem;

    border-bottom-left-radius: 1rem;

  

        transition: all .4s;

right: 10px;

}

.half_width_slider.right_side_slider button.slick-prev.slick-arrow{

   box-shadow: 5px 5px 0px 0 rgb(0 0 0 / 68%);

}

.avtar_box img {

    width: 180px;

    height: 180px;

    object-fit: cover;

    margin-bottom: 15px;

    z-index: 99;

    /* position: relative; */

    /* left: calc(50% - 60px); */

    padding: 8px;

    box-shadow: inset 0 0 15px 0 #0000008c;

    /* top: -85px; */

    background: #fff;

    border-radius: 50%;

}

.avtar_box h2.page_title {

    display: block;

    width: max-content;

    margin: 0 auto;

}

.avtar_box {

    display: block;

    text-align: center;

    margin-top: -95px;

}

ul.detail_lines {

    list-style: none;

    text-align: justify;

    font-family: 'Tinos';

    font-size: 18px;

}

ul.detail_lines li span {

    padding-right: 10px;

    color: #4ca96f;

    position: absolute;

    left: 15px;

}

.page_description.owner_page {

    margin-top: 10px;

    margin-bottom: 2rem;

}

.vice-president-content {

    text-align: justify;

}

a.video_container {

    position: relative;

}

.half_width_slider.left_side_slider .video_container span.play_icon img {

    width: 100px;

    height: 100px;

    -webkit-filter: drop-shadow(5px 5px 5px #000);

    filter: drop-shadow(5px 5px 5px #000);

    position: absolute;

    top: calc(50% - 50px);

    left: calc(50% - 50px);

    transition: all .4s;

}

a.video_container:hover .play_icon img {

    transform: scale(1.2);

    transition: all .4s;

}

/* .about_founder_slider:after {

    content: "";

    background: linear-gradient(

180deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 38%);

    position: absolute;

    top: 0px;

    width: 100%;

    height: 24%;

} */

/* about-founder */

 /*contact_us  */

.write_to_us_content h2,.faqs h2,.our_location h2,.covidbrief-detail h2 {

    font-size: 28px;

    font-family: 'Rokkitt';

    font-weight: bold;

    color: #29166f;

    margin: 0;

}

.our_location h3 {

    font-size: 19px;

    font-family: 'Rokkitt';

    color: #29166f;

    text-transform: uppercase;

    text-align: center;

}

.card_type i {

    font-size: 23px;

    display: block;

    margin: 5px auto;

    text-align: center;

}

.our_location p,.our_location a {

    font-size: 16px;

    text-align: center;

    font-family: 'Tinos';

}

.our_location .card_type {

    text-align: center;

}

.our_location .card_type {

    box-shadow: 0 0 7px 0 rgb(0 0 0 / 15%);

    border-radius: 12px;

    padding: 20px 20px;

    margin-bottom: 2rem;

    transition: all 0.4s;

    height: 90%;

}

.center_line {

    border-top: 2px solid #212529;

    top: -9px;

    position: relative;

    width: 55%;

    margin: 0 auto;

    display: block;

}

.our_location .card_type:hover {

    transform: scale(1.1);

    transition: all 0.4s;

}

.map_section iframe {

    height: 280px;

}

.map_section .col-md-6 {

    border: 15px groove #29166f;

    padding: 0;

}

.map_section .col-md-6.map_name {

    border-bottom: 0;

    border-style: groove;

}

.map_section .map_name h3 {

    font-family: 'Rokkitt';

    font-weight: 700;

    margin: 0;

    padding: 3px 10px;

}

.our_location {

    margin-top: 2rem;

}

.map_section {

    box-shadow: 0 0 5px 0 rgb(0 0 0 / 38%);

}

.our_location h2 {

    margin-bottom: 5px;

}

.write_to_us_content {

    margin-top: 2rem;

}

.our_location a {

    color: #29166f;

}

.write_to_us_content p {

    font-family: 'Tinos';

}

.accordion {

    margin-top: 15px;

margin-bottom: 15px;

}

.accordion>.card>.card-header {

    padding: 0;

}

.accordion>.card>.card-header {

    background: transparent;

    border-bottom: 0;

}

.btn.focus, .btn:focus {

    outline: 0;

    box-shadow: 0 0 0 0 rgb(0 123 255 / 25%);

}

.collapse .card-body {

    padding-top: 10px;

    padding-bottom: 10px;

    box-shadow: inset 0 0 15px 0 rgb(0 0 0 / 8%);

    border-radius: 1rem;

}

section#faq .card-body p {

    margin: 0;

}

.card-body p,.card-body li,.card-body {

    font-family: 'Tinos';

}

.accordion>.card {

    border: 0;

}

.card-header button i {

    position: absolute;

    right: 15px;

    top: 10px;

    color: #29166f;

    font-size: 18px;

}

.card-header button {

    color: #29166f;

}

.btn-link:hover {

    color: #29166f;

    text-decoration: none;

}

.contact_page_summery {

    margin-top: 2rem;

}

.contact_page_summery.volunteering {

    margin: 0;

    background: #fffaf3;

    border-top-right-radius: 4rem;

    padding: 43px 50px;

    border-bottom-left-radius: 4rem;

    position: relative;

    z-index: 99;

    box-shadow: 0 0 15px 0 #00000045;

}

.contact_page_summery.volunteering .card {

    background: #fffaf3;

}

.volunteer_content {

        padding-bottom: 1.5rem;

}

.volunteer_form form{

    position: relative;

    z-index: 99;



}

.volunteer_form input,.volunteer_form select,.volunteer_form textarea {

    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 14%);

}

.volunteer_form {

    padding-top: 3.2rem;

    padding-bottom: 3.2rem;

    background-attachment: fixed;

    background-image: url('../img/volunteer_form.jpg');

        background-size: cover;

    background-position: center;

   position: relative;

       border-top: 1px dashed;

}

.volunteer_form:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: rgba(255, 255, 255, 0.92);

    z-index: 9;

}

.contact_page_summery button {

    position: relative;

    padding-left: 25px;

}

/*contact_us  */

/* thanks Page */

.thanks_page {

    border: 1px solid #000;

}

.thanks_page {

    border: 1px solid #29166f33;

    box-shadow: 0 0 5px 0 #00000042;

    padding: 1.5rem 3rem;

    border-radius: 1rem;

    margin: 3rem 0;

}

.thanks_page h3 {

    text-transform: uppercase;

    font-weight: 600;

    color: #29166f;

    text-shadow: 7px 4px 5px #bdbdbd;

    border-bottom: 2px dashed #29166f;

    padding-bottom: 6px;

    margin-bottom: 10px;

}

.thanks_page_content {

    padding: 0 15px;

}

/* thanks Page */

/* mission */

.slick-dots li button::before {

    font-size: 13px;

    color: #fff;

}

.full_width_slider ul.slick-dots {

    bottom: 10px;

}

.slick-dots li.slick-active button:before {

    opacity: .75;

    color: #da251c;

}

.slick-dotted.slick-slider {

    margin-bottom: 0px;

}

.missions_page_content {

    margin-top: 2rem;

}

.missions_page_content p,section.missions_section p {

    font-family: 'Tinos';

    font-size: 18px;

}



/* .missions_page_content h3 {

    font-size: 37px;

    font-family: 'roboto';

    font-weight: bold;

    color: #29166f;

    margin: 0;

} */

.reverse_page .tool-bg {

    margin-left: auto;

}

.reverse_page .info-box {



    margin-right: auto;

    transform: translateX(-50%);

    border-radius: 25px;

    margin-left: initial;

}

.reverse_page .info-box {

    margin-right: auto;

    transform: translateX(-50%);

    border-radius: 25px;

    margin-left: initial;

    text-align: end;

}

.reverse_page .info-box .subtitle {

    margin-left: 10%;

    margin-right: 0;

}

.reverse_page{

    display: none;

}

.mission_tool_list {

    padding-top: 15px;

}

.full_width_owl_slider .missionlol {

    position: absolute;

    top: 0;



    z-index: 1;

    height: 100%;

    width: 100%;

}

.full_width_owl_slider .about_title {

    padding: 11rem 15px;

}

/* mission */

/* team */

img.emp_pic {

    border: 12px solid #fff;

    box-shadow: 3px 3px 10px 0 rgb(0 0 0 / 21%);

    border-radius: 50%;

    width: 50%;

    margin: 0 auto;

    display: block;

}

.emp_name {

    font-size: 26px;

    font-family: "tinos";

    color: #29166f;

    font-weight: 600;

    line-height: 1;

    margin-top: 1rem;

}

.emp_position {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    margin-top: 7px;

    margin-bottom: 4px;

    font-weight: 100;

}

.employe_detail {

    font-family: 'Roboto';

    font-weight: 300;

    padding: 15px 15px;

    text-align: center;

    padding-bottom: 0;

}

.employe_detail p {

    margin: 0;

}

.employe_social_logos a {

    font-size: 29px;

    padding: 5px 10px;

}

.employe_social_logos {

    margin-top: 5px;

    margin-bottom: 20px;

}

.our_team_header h1 {

    text-align: left;

    margin-top: 1.2rem;

    color: #656565;

    line-height: 1;

    font-family: 'Roboto';

    margin-bottom: 0;

}

.our_team_header p {

    color: #656565;

    font-family: 'Roboto';

    margin-top: 4px;

    font-weight: 200;

    padding-left: 2px;

}

.team_section {

    padding: 12rem 15px;

}

.employe_block {

    border-bottom: 8px solid rgb(0 0 0 / 28%);

    box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 13%);

    padding-top: 25px;

margin-bottom: 30px;

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;

    transition: all .4s;

}



.employe_block:hover {

    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 13%);

    transition: all .4s;



}

.employe_social_logos a:nth-child(2) i {

    color: rebeccapurple;

}

.employe_social_logos a:last-child i {

    color: #25D366;

}

.employe_social_logos a {

    display: none;

}

.about_page_banner.animal_welfa {
    background-position: center;
}
.about_title {
    padding: 8rem 15px;
}
/* team */

.about_page_banner.gurukul {

    background-size: cover;

    background-position: center;

}



/* book-csr */

.book_slider img:nth-child(even) {

    box-shadow: 0px 0px 7px 0 #00000061;

    z-index: 9;

}

.small_slider_parent .small_slider {

    position: relative;

} 

.small_slider_parent .small_slider .slick-slide{

     background: #29166f7a;

     z-index: 1;

     position: relative;

     top: 50px;

}

.small_slider_parent .small_slider .slick-active {

    transform: scale(1.3);

    top: 50px;

    background: #29166f7a;

    position: relative;

    z-index: 2;

}

.small_slider_parent .small_slider .slick-current.slick-active {

    transform: scale(1.4);

    box-shadow: 0 0 15px 0 #0000004d;

    z-index: 99;

    opacity: 1;

    background: #29166fa6;

    position: relative;

    top: 50px;

}

.small_slider_parent .small_slider {

    position: relative;

    padding: 20px 0;

    margin-bottom: 2rem;

}

.book_slider {

    margin-top: 4rem;

    box-shadow: 0px 4px 8px 0 #00000024;

    border-radius: 0;

}

.small_slider .slick-track {

 

    overflow: scroll;

}

.small_slider_parent .small_slider {

    margin-bottom: -6rem;

        margin-top: 2rem;

}



.small_slider_parent .small_slider img {

    padding: 7px;

    box-shadow: 0 0 4px 0 #00000030;

}





.small_slider_parent .small_slider img:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: #00000061;

    top: 0;

z-index: 9;

}

 .book-section{

            height: 100vh;

            width: 100%;

            padding: 40px 0;

    margin-bottom: 100px;

            text-align: center;

        }

     .book-section > .container {

    height: 100%;

    width: 90%;

    position: relative;

    transform: translateX(-50%);

    border-radius: 2%;

    margin-bottom: 30px;

    left: 30%;

right: 30%;

    perspective: 1200px;

}

.csr_bg {

    background-position: center;

}

figure {

    background-size: contain !important;

}

        .container > .right{

            position: absolute;

            height: 100%;

            width: 50%;

            transition: 0.7s ease-in-out;

            transform-style: preserve-3d;

        }

        .book-section > .container > .right{

            right:0;

            transform-origin: left;

            border-radius: 10px 0 0 10px;

        }

        .right > figure.front, .right > figure.back{

            margin: 0;

            height: 100%;

            width: 100%;

            position: absolute;

            left:0;

            top:0;

            background-size: 200%;

            background-repeat: no-repeat;

            backface-visibility: hidden;

            background-color: white;

            overflow: hidden;

        }

        .right > figure.front{

            background-position: right;

            border-radius: 0 10px 10px 0;

            box-shadow: 2px 2px 15px -2px rgba(0,0,0,0.2);

        }

        .right > figure.back{

            background-position: left;

            border-radius: 10px 0 0 10px;

            box-shadow: -2px 2px 15px -2px rgba(0,0,0,0.2);

            transform: rotateY(180deg);

        }

        .flip{

            transform: rotateY(-180deg);

        }

        .flip::before{

            content: "";

            position: absolute;

            top:0;

            left:0;

            z-index: 10;

            width: 100%;

            height: 100%;

            border-radius: 0 10px 10px 0;

            background-color: rgba(0,0,0,0.1);

        }

        .book-section > button{

            border: 2px solid #ef9f00;

            background-color: transparent;

            color: #ef9f00;

            padding: 10px 20px;

            border-radius: 5px;

            cursor: pointer;

            margin: 10px;

            transition: 0.3s ease-in-out;

        }

        .book-section > button:focus, .book-section > button:active{

            outline: none;

        }

        .book-section > p{

            color: rgba(0,0,0,0.7);

            font-family: calibri;

            font-size: 24px;

        }

        .book-section > p > a{

            text-decoration: none;

            color: #ef9f00;

        }

        .book-section > button:hover{

            background-color: #ef9f00;

            color: #fff;

        }

        .front#cover, .back#back-cover{

            background-color: #ffcb63;

            font-family: calibri;

            text-align: left;

            padding: 0 30px;

        }

        .front#cover h1{

            color: #fff;

        }

        .front#cover p{

            color: rgba(0,0,0,0.8);

            font-size: 14px;

        }
        .margin_bottom_ten {
    margin-bottom: 2rem;
}

/* book-csr */



/* varsha kalra */

.col-12.old-age {

    background: url(../abc/img/old1.jpg);

    background-position: top;

    background-size: cover;

}

.old-age {

    padding: 30px 30px;

    border-radius: 10px;

    /* height: 100%; */

    box-shadow: 0px 0px 15px 0px #00000017;

   

    text-align: justify;

}

.old-age img:last-child {

    margin: 0;

}

img.ol {

    height: 240px;

    object-fit: cover;

    object-position: top;

    box-shadow: 0 0 8px 0 rgb(0 0 0 / 19%);

}

button.old-button{

    box-shadow: 0 0 8px 0 rgb(0 0 0 / 19%);

}

.old-age img {

border-radius: 10px;

    box-shadow: 4px 4px 5px 0 rgb(0 0 0 / 22%);

    margin-bottom: 1.8rem;

}

.old-banner .button {

    margin: 10px 0;

    margin-bottom: 2rem;

}

.mix-width-slider button.slick-prev:before {

    content: "\f053";

    font-size: 65px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    color: #d9d0d0;

    text-shadow: -2px 6px 0 #0000009e;

    }

    .mix-width-slider button.slick-prev {

    background: transparent;

    position: absolute;

    top: 45%;

    z-index: 9;

    left: 35px;

    }

    .mix-width-slider button.slick-next:before {

    content: "\f054";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    font-size: 65px;

    color: #d9d0d0;

    text-shadow: -2px 6px 0 #0000009e;

    }

    .mix-width-slider button.slick-next {

    background: transparent;

    position: absolute;

    top: 45%;

    right: 50px;

    }

    

    

    

    .mix-width-slider .slick-list img {

        height: 300px;

        object-fit: cover;

        object-position: top;

    }

.mix-width-slider.slick-initialized.slick-slider.slick-dotted img {

    margin: 12px 20px;

    box-shadow: 2px 2px 8px 0px #0000004f;
    border-top-left-radius: 3rem;

    transition: all .5s;

    border-bottom-right-radius: 3rem;

}

.mix-width-slider.slick-initialized.slick-slider.slick-dotted img:hover{

    border-radius: 0px;

    border-top-right-radius: 3rem;

    transition: all .5s;

    border-bottom-left-radius: 3rem;

}

    .Mix-width-slider {

        z-index: 999;

        }



button.old-button {

    text-align: center;

    width: 100%;

    padding: 11px 0;

    border: 0px;

}

    .large-width-slider button.slick-prev:before {

        content: "\f053";

        font-size: 65px;

        font-family: "Font Awesome 5 Free";

        font-weight: 900;

        color: #d9d0d0;

        text-shadow: -2px 6px 0 #0000009e;

        }

        .large-width-slider button.slick-prev {

        background: transparent;

        position: absolute;

        top: 45%;

        z-index: 9;

        left: 35px;

        }

        .large-width-slider button.slick-next:before {

        content: "\f054";

        font-family: "Font Awesome 5 Free";

        font-weight: 900;

        font-size: 65px;

        color: #d9d0d0;

        text-shadow: -2px 6px 0 #0000009e;

        }

        .large-width-slider button.slick-next {

        background: transparent;

        position: absolute;

        top: 45%;

        right: 50px;

        }

        .large-width-slider .slick-list img {

            height: 300px;

            object-fit: cover;

            object-position: top;

        }

        .large-width-slider.slick-initialized.slick-slider.slick-dotted img {

            margin: 12px 20px;

        box-shadow: 4px 4px 4px 0px #0009;

        }

        .large-width-slider {

            z-index: 999;

            }

            .old-banner {

                margin-top: 4rem;

margin-bottom: 3rem;

            }

            .mix-width-slider {

                margin-top: 30px;

            }

.mix-width-slider .slick-dots li.slick-active button:before {

    color: #fff;

}

            .old-age p {

                font-family: 'Tinos';

            }

            

            .fullwidth-background {

                padding-top: 3rem;

    background-size: cover;

    background-position: center;

    position: relative;

    background-attachment: fixed;

}

.fullwidth-background::after {

    content: '';

    height: 100%;

    width: 100%;

    position: absolute;

    background: #fffaf3bf;

    top: 0;

    left: 0;

}

.covid-content{

    position: relative;

    z-index: 99;

    margin-bottom: 2.5rem;

}

.card-body.card-child{
    min-height: 300px;
}

p.card-text.card-paragraph {

    color: white;

    text-align: justify;

}

.card-title.card-heading {

    font-weight: 100;

    text-align: center;

    margin-bottom: 15px;

    font-family: 'Anton';

    color: #29166f;

}

.card-parent:hover .card-child{

    opacity: 1;

    background: #c51b1b;

    transition: all 0.4s;

}

.card-parent:hover .card-title.card-heading {

    color: #fff;

}

.card-child {

    padding-top: 9rem;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 30px;

    transition: all 0.4s;

}

.card-child{

opacity: 0.7;

    z-index: 10;

    background: rgba(255, 255, 255, 0.9);

    padding: 15px 30px;

    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);

    transition: 0.3s;

    transition: ease-in-out 0.4s;

    border-radius: 5px;

    border-top-right-radius: 3rem;

    border-bottom-left-radius: 3rem;

    min-height: 175px;

    

}



.card-parent {

    background-size: cover;

    background-position: center;

    border-top-right-radius: 3rem;

    border-bottom-left-radius: 3rem;

  padding: 160px 20px 20px 20px;

    margin-bottom: 2rem;

        border: 7px solid #29166f;

    border-top-color: #c51b1b;

    border-left-color: #c51b1b;

}



.covidngo img {

    box-shadow: 4px 4px 6px 0 #00000057;

}







/* main {

    overflow: hidden;

} */

.mix-width-slider .slick-slide {

    padding: 15px;

}

p.old-content,li.old-content {

    font-size: 18px;

}

.karmic {

    background-position: 0px 0px;

}

/* varsha kalra */

.tool_box {
    display: none;
}

.old-age {

    position: -webkit-sticky;

    position: sticky;

    top: 75px;

}

.slider-x img,.slider-nav img{

    max-height: 230px;

    object-fit: cover;

    object-position: top;

} 

.left_side_images img{

    height: 100%;

}

.slider-x img,.slider-nav img{

margin: 0;

}

.slider-x img {

    padding-bottom: 30px;

}

.left_side_images img {

    max-height: 460px;

    object-fit: cover;

}

.show_at_small_size{

display: none;

}

.footer_bottom p a {

    color: #000;

    font-size: 14px;

    text-decoration: underline;

}

.small_size_banner {

    background-size: cover;

    background-position: center;

    padding: 50px 15px;

    position: relative;

}





.small_size_box {

    width: 60%;

    z-index: 9;

}

.small_size_box h1,.small_size_box p {

    color: #000;

    z-index: 3;

    position: relative;

    text-align: justify;

}
.small_size_box h1{
        color: #29166f;
        font-weight: bold;
}
.white_bg_gradient {
    padding: 0 30px;
    position: relative;
}
.white_bg_gradient:after {
    content: "";
    background: linear-gradient(
0deg, white, transparent);
    width: 100%;
    height: 50px;
    position: absolute;
    top: -50px;
    left: 0;
}

.small_size_banner{

    display: none;

}
.show_at_small.white_bg_gradient {
    display: none;
}
.facebook_page iframe {
    height: 500px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: #000000 #000000 #0000;
}
.nav-tabs {
    border-bottom: 1px solid #000000;
}
.nav-tabs .nav-item {
    font-size: 18px;
}

.nav-tabs .nav-link {
    padding: 7px 8px;
}
.flip_section{
    display: none;
}
#more {display: none;}
button#myBtn {
    color: #29166f;
    text-decoration: none;
    font-weight: 600;
    font-family: 'arvo';
    text-transform: uppercase;
    word-spacing: 5px;
    display: inline-block;
    position: relative;
    margin-top: 7px;
    background: #f3f0f1;
    margin-bottom: 15px;
    border-radius: 32px;
    padding: 7px 20px;
    border: 0;
    text-align: center;
    cursor: pointer;
    box-shadow: -6px -6px 10px rgb(255 255 255 / 80%), 6px 6px 10px rgb(0 0 0 / 20%);
    transition: all 0.1s ease-in-out;
}
.mobile_size_cards {
display: none;
}
.left_side_urls {
    position: fixed;
    top: 149px;
    background: #fffaf3;
    z-index: 9;
    padding-top: 15px;
    left: -330px;
padding-right: 25px;
    height: 100%;
    transition: all .4s;
}
.left_side_urls.adjust_top.is-active {
    left: 0;
    transition: all .4s;
}
span.left_up.is-active i {
    transform: rotate(
180deg);
    border-radius: 5px;
    transition: all .4s;
}
span.left_up i {
transition: all .4s;
}
.left_side_urls li {
    font-size: 14px;
}
.left_side_urls li a{
    color: #000;
}
.left_side_urls.adjust_top {
    top: 74px;
    z-index: 9999;
}
span.left_up i {
    position: absolute;
    top: 30px;
    right: -45px;
    font-size: 35px;
    background: #fffaf3;
    padding: 5px 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


    .home_first_section.show_on_mobile{
display: none;
    }

@media screen and (min-width: 1440px){

.banner_section::before {

    left: -25%;

}

.banner_section:after {

    left: -24.4%;

}

.placholder_content {

    top: 30%;

    max-width: 45%;

        padding-left: 9rem;

}

.left_sec_1 {

    margin: 0 95px 0;

}

.right_side_image {

  background-position: right;

}

.about_founder_cover, .about_page_banner {

    background-attachment: local;

}

}

@media screen and (max-width: 1440px)

{

    .right_side_image {

    background-position: right;

}

.col-lg-2,.col-lg-3 {

    display: none;

}

/* .placholder_content {

    top: 5rem;

} */

.left_sec_1 {

    margin: 0 40% 0;

}

}



@media screen and (max-width: 1366px)

{

    .container {

    padding-left: 6%;

    padding-right: 6%;

    max-width: 100%;

}

   .placholder_content {

    max-width: 50%;

}

}

@media screen and (max-width: 1280px)

{

.top_bakground {

    background-position: 120% 0%;

}

.content_left,.content_right {

    padding: 0;

}

.top_bar a:first-child {

    max-width: 50%;

    display: inline-block;

    white-space: nowrap;

}

.top_bar a:last-child {

    display: inline-block;

    background: #fffaf3;

    padding-left: 10px;

}

a.navbar_brand {

    display: flex;

    height: 100%;

    align-items: center;

}

header .navbar_brand img {

    height: fit-content;

}

header.small_header .navbar_brand img {

    top: 50px;

    width: 130px;

    margin: 0 auto;

    height: 130px;

    object-fit: contain;

    object-position: center;

    padding: 16px;

    border-radius: 50%;

    box-shadow: 0px 6px 7px 0 #00000052;

}

}

@media screen and (max-width: 1220px)

{



}

@media screen and (max-width: 1080px)

{

.banner_section img.placholder,.top_bakground {

    height: 400px;

}
.left_sec_1 {
    margin: 0px 20% 0;
}
.placholder_content h1 {

    font-size: 33px;

}

.placholder_content {

    top: 10%;

}

.placholder_content p {

    font-size: 16.3px;

}

.placholder_content {

    top: 15%;

}

}

@media screen and (max-width: 991px)

{
    .missions_list ul {
    margin-bottom: -9px;
}
    .placholder_content {
    max-width: 60%;
}

    header .navbar-light .navbar-nav .nav-link:hover,header .navbar-light .navbar-nav .nav-link:active {

    background: #29166f;

    color: #fff;

transition: all .4s;

}

  header .navbar-light .navbar-nav ul.child_menus .nav-link:hover,header .navbar-light .navbar-nav ul.child_menus .nav-link:active {

    background: #da251c;

    color: #fff;

transition: all .4s;



}

.donation-footer {

    padding: 125px 50px;

}

    .right_side_image {

    background-attachment: local;

}

.placholder_content {

    top: 22%;

}

.placholder_content h1,.small_size_box h1 {

    font-size: 25px;

}

.hide_at_small_size{

    display: none;

}



.show_at_small_size{

    display: block;

}

header:after{

    display: none;

}

.show_at_small_size {

    position: fixed;

    padding: 0;

}

div#navbarSupportedContent {

    background: #fffaf3;

    position: absolute;

    top: 100px;

z-index: 99999;

    width: calc(100% - 30px);

    left: 0;

    margin-left: 15px;

    margin-right: 15px;

    padding: 0px 30px;

    border-bottom-right-radius: 1rem;

    border-bottom-left-radius: 1rem;

    box-shadow: 0px 10px 10px 0 #0000001f;

}



button:focus{

    outline: none;

}

li.nav-item {

    text-align: center;

}

.show_at_small_size {

    background: #fffaf3;

    box-shadow: 0px 0px 10px 0 rgb(0 0 0 / 44%);

}

.small_header {

    position: relative;

    width: 100%;

    top: auto;

}

ul.child_menus {

    margin: 0;

    list-style: none;

    padding: 0;

   border: 1px dashed black;

    box-shadow: inset 0 0 5px 0 #0000001f;

    background: #fbf7ec;

position: relative;

}

ul.child_menus:before {

    content: "";

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-bottom: 8px solid black;

    z-index: 1;

    position: absolute;

    top: -8px;

    left: calc(50% - 8px );

}

ul.child_menus a {

    border-bottom: 1px dashed;

}

ul.child_menus li:last-child a {

border-bottom: 0px;

}

a.navbar_image img {

    width: 95px;

}

main {

    margin-top: 98px;

}

.right_sec_1 li {
    left: 75% !important;
    position: relative;
}

.left_sec_1 li {
    position: relative;
    left: 0%;
}

.left_sec_1 {
    margin: 0px 0 0;
}

a.nav-link.contact_us_page {
    border: 1px dashed #000;
    margin-bottom: 25px;
}

}

@media screen and (max-width: 820px)

{

.placholder_content {

    max-width: 55%;

}

}

@media screen and (max-width: 768px)
{
    .home_first_section.show_on_desktop{
        display: none;
    }
    .home_first_section.show_on_mobile{
display: block;
    }
    .half_width_slider.left_side_slider,.half_width_slider.right_side_slider{
            border-right: 0px solid #d64e44;
            border-left: 0px solid #d64e44;
            border-bottom: 2px solid #d64e44;
     }
.about_page_banner.animal_welfa {
    background-position: center;
    height: 400px;
}
.about_title h1 {
    font-size: 32px;
}
.about_page_banner h2 {
    font-size: 18px;
}
.about_page_banner.animal_welfa .about_title {
    padding: 3rem 15px;
}

    .show_at_small.white_bg_gradient {
    display: block;
}
.small_size_box h1 {
    color: #29166f;
}
    .about_founder_cover, .about_page_banner {
     background-attachment: local;
}
.tool_box {
    display: block;
}
    .info-box{
        display: none;
    }
   
    .circle_logo {
display: none;
    position: relative;

    width: 350px;

    height: 350px;

}

.missions_list{
    display: none;
}
.flip_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.flip_section a {
    margin: 10px;
}
.right_circle_section{
    padding: 0;
}
.copyright_text {

    margin-bottom: 45px;

}

section#faq button.btn.btn-link {

    font-size: 16px;

}

    .top_bakground{

        display: none;

    }

a.floating_donate {

    display: block !important;

    text-align: center;

    color: #ffffff;

    position: fixed;

    background: #801a16;

    font-weight: bold;

    bottom: 0;

    width: 100%;

    font-size: 22px;

    padding: 6px;

    text-shadow: 1px 1px 1px #9808005e;

    z-index: 9999999;

}

a.floating_donate:hover{

text-decoration: none;

}

main.small_header_main{

    margin-top: 98px;

}

.small_size_banner{

    display: block;

}

.home_first_section h2, .second_section_home h2, .page_title, .missions_page_content h3,h2 {

    font-size: 19px;

}

span.border_bottom {

    border: 4px inset #b41f17;

    margin-bottom: 5px;

    margin-top: 5px;

}

.celebrate_left {

    margin-bottom: 2rem;

}

.small_size_box {

    width: 100%;

}

.small_size_banner {

    padding: 55px 15px;

}

.small_size_box p {
    margin: 0;
    line-height: 1.5;
    font-size: 16px;
}
p, .volunteer_content ul li,p.detail_description,ul.detail_lines,.thanks_content ul li {

    font-size: 16px;

}

.second_section_home {

    margin-top: 10px;

    padding-top: 10px;

}

section.missions_section p {

    padding-right: 0px;

}

.footer-newsletter {

    padding: 4rem 0;

    background-attachment: local;

}

ul.left_sec_1 {

    display: none;

}

ul.right_sec_1{

display: none;

}
.mix-width-slider.slick-initialized.slick-slider.slick-dotted img {

    margin: 12px 10px;
    
}

.tool_img {
    display: block;
    opacity: 0;
height: 300px;
}
.tool-card.founder {
    margin-bottom: 30px;
}
.tool-bg {
    max-width: 100%;
    padding: 0;
    box-shadow: 0 0 0 0 #000;
    z-index: 10;
position: relative;
}
.tool-card {
     margin-bottom: 0px;
}
.tool_box .info-box {
    display: block;
    max-width: 100%;
    transform: translateX(0%);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
    top: -22px;
    z-index: 9;
    padding-top: 1.7rem;
}
section.missions_section,section.missions_section p {
    text-align: center;
}
.show_at_small.white_bg_gradient p{
    text-align: center;
}
.nav-tabs .nav-item {
    font-size: 14px;
}
}

@media screen and (max-width: 576px)

{
    .flip_section{
    display: none;
    }
    .mobile_size_cards {
    display: flex;
    }
    
    .mobile_size_cards a img {
    width: 100%;
    height: 170px;
object-fit: cover;
    margin: 15px 0;
}
.card_heading {
    font-size: 21px;
    font-weight: bold;
    color: #000;
    text-align: left;
}
.card_subheading {
    color: #000;
    text-align: justify;
    margin-bottom: 10px;
}
.mobile_size_cards button {
    display: block;
    border: 0px;
    background: transparent;
    padding: 0;
    color: #801a16;
}
.mobile_size_cards a:hover {
    text-decoration: none;
}
.content-footer {
    font-size: 30px !important;
}
p.contnet_doantaion_footer {
    font-size: 14px !important;
}
.tax_benifites {
    margin-top: 1rem;
}
    .box {
    margin-top: 1rem;
}

.small_size_banner {

    padding: 15px 15px;

    border: 0px;
}
.faqs h2{
    font-size: 22px;
}
.contact_page_summery {
    margin-top: 1rem;
}
.small_size_banner:after{
    background: transparent;
}
.home_first_section {

    padding-top: 2rem;

}

.small_size_box h1 {
    text-align: center;
    color: #29166f;
    font-weight: 700;
}
.placholder_content h1, .small_size_box h1 {
    font-size: 22px;
}
.home_first_section h2, .second_section_home h2, .page_title, .missions_page_content h3, h2 {
    font-size: 18px;
    font-family: 'tinos';
}



.circle_logo::before {

    background-size: cover;

}

/* .right_circle_section {

    padding-left: 0;

    padding-right: 0;

} */

.right_circle_section .container {

    padding: 0;

}

.circle_logo {

    position: relative;

    width: 260px;

    height: 260px;

}

.celebrate_left {

    padding: 35px 30px;

    text-align: center;
}
.container.box_content .celebrate_left p {
    text-align: center;
}

.container.box_content {

    padding: 0;

}
.about_title {
    padding: 6rem 15px;
}
.footer-newsletter h4 {
    font-size: 22px;
    line-height: 1;
}
.footer-newsletter .container {
    padding: 0px 15px;
}
.footer-newsletter form {
    padding: 3px 10px;
}
.tool-list img.tool_img {
    height: 165px;
}
.tool_box .info-box {
    padding: 29px 15px 0px 15px;
}
.info-box .subtitle {
    margin: 0;
}
.tool_box .button a {
    padding: 7px 25px;
}
.mix-width-slider {
    margin-top: 0px;
    margin-bottom: 15px;
}
.left_side_social_icons {
    padding: 7px 12px;
    width: 50px;
}
.mix-width-slider.slick-slider.slick-dotted {
    margin-bottom: 35px;
}
.mix-width-slider .slick-dots li.slick-active button:before {
    color: #bc4141;
}
.slick-dots li button::before {
    font-size: 13px;
    color: #c78686;
}
.tool-card.vp .tool-bg {
    background-size: cover;
    background-position: center top;
}
.info-box .title {
    font-size: 27px;
}
.avtar_box img {
    width: 100px;
    height: 100px;
}
.avtar_box {
    margin-top: -50px;
}
.about_founder_cover, .about_page_banner {
    background-position: center;
}
}
@media screen and (max-width: 480px)
{
    .mobile_size_cards .col-6 {
    max-width: 100% !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.mobile_size_cards a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 15px 0;
margin-bottom: 0px;
}
.mobile_size_cards .cards {
    margin-bottom: 10px;
}
    .flip_section a {
    margin: 10px 0;
}
section.missions_section p {
    margin-bottom: 1rem;
}
section.missions_section {
    margin-bottom: 1rem;
}
    .placholder_content h1, .small_size_box h1,section.missions_section p,p, .volunteer_content ul li,p.detail_description,ul.detail_lines {
    font-size: 16px;
    line-height: 1.4;
}
.small_size_box p {
    font-size: 16px;
 text-align: justify;
}

.home_first_section {
    padding: 0;
}
.home_first_section {
    padding-top: 1rem;
}
.white_bg_gradient {
    padding: 0 15px;}
section.missions_section .container {
    padding: 0;
}
}