/*==============my personal data ================*/
 
* {
      margin: 0 auto ;
      font-family: 'Montserrat', sans-serif;
  }
 /*my new menu bar*/
 .row
 {
  margin-right: 0;
 }
 .team-slider .col-md-3
 {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
 }
 .gallary .col-sm-4, .gallary-head .col-md-4, .page-activities .col-md-6
 {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 15px;
 }

.children-team .col-lg-3
{
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
}
.page-activities .col-sm-4
{
  margin-left: 0px;
  margin-right: 0px;
}
 .header-top
 {
    background: #444444;
    color: white;
    padding: 10px 0px;
 }
 
  
 .facebook-1
 {
  border-radius: 50%;
  width: 38px;
  height: 38px;
  padding-top: 5px;
  padding-left: 10px;
  /*background: #197bea;*/
 }
 .contact-top
 {
  text-align: right;
  padding-right: 0px;
  margin-right: 0px;
  font-size: 13px;
 }
 .contact-top a
 {
  text-decoration: none;
  color: white;
 }
 .icon
 {
  margin-right: 100px;
  padding-right: 0px;
  padding-left: 5px;
 }
 .icon a
 {
  text-decoration: none;
  color: white;
 }
 .icon-1 
 {
  /*border: 1px solid blue;*/
  padding: 5px;
  color: white;
  border-radius: 50%;
 }
 .facebook-padding
 {
  padding: 5px 10px; 
  /*border: 1px solid blue;*/
  color: white;
  border-radius: 50%;
 }
 .icon a i
 {
  margin-left: 25px;
 }
 .background-1
 {
  background: transparent;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
 }
 .bg-light
 {
  background: white!important;
 }
 .navbar ul li
 {
  margin-left: 0;
 }
 .navbar ul li a
 {
  color: #d27b19;
  font-weight: 500;
  text-decoration: none;
 }
  .dropdown:hover>.dropdown-menu 
{
  display: block;
  margin:0;
  padding:0;
}
.dropdown-menu
{
  background: black;
  font-size: 12px;
  border-radius: 0;
}
.dropdown-item 
{
    border-bottom: 1px dashed #efc227;
    padding: 5px 10px;
    line-height: 30px;
    color: white !important;
  }
.active a, .navbar ul li a:hover 
 {
  color: #922305 !important;
 }
  
 .navbar
 {
  padding: 0;
 }
 .mr-auto
 {
  margin-right: 0px !important;
 }
 .navbar-brand
 {
  margin-left: 0px;
  padding: 0;
 }
 .navbar-brand img
 {
  height: 100px;
  width: 200px;
  top: 0px;
 }
 .navbar-light .navbar-toggler 
 {
    color: rgb(11, 245, 30);
    border-color: rgba(248, 241, 241, 1);
}
 .navbar-expand-lg .navbar-nav .nav-menu-link
 {
  padding-right: 0px;
  padding-left: 0px;
  margin-left: 20px;
  font-size: 14px;
 /* text-transform: uppercase;*/
 }
.scrolled
 {
  background: white!important;
  box-shadow: 1px 2px 20px black;
 }
  @media screen and (max-width: 972px)
  {
    .navbar-brand img 
    {
    height: 60px;
    width: 120px;
    }
    .scrolled 
    {
      background: white !important;
    }
    .contact-top {

    text-align: left;
    padding-right: 0px;
    margin-right: 0px;
    font-size: 11px;
    margin-left: 2px;
  } 
  } 
 /*==============================================slider parts==============================================*/
#home
{
  padding-top: 140px;
}
.carousel-item
{
  height: 540px;
}
.carousel-item img
{
  width: 100%;
  height: 100%;  
}


 .carousel-caption
 {
  position: absolute;
  display: block;
  top:10%;
   
   color: white;
   /*text-align: center;*/
 }
 .carousel-caption h4
 {
   background: rgba(0, 0,0, 0.7);
   left: 5%;
   margin: 15% 0 0 0 ;
   width: 30%;
   padding: 10px 15px;
   border-radius: 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: #f3f3f3;
  font-weight: 900;
  letter-spacing: .1rem;
  text-align: center;
 }
   

 .carousel-caption h1
 {
  font-size: 50px;
  text-shadow: 1px 1px 1px #222;
  font-weight: 700;
  margin-top: 10px;
  margin-left: 0;
   font-family:arial;
  letter-spacing: .1rem;
  /*background: rgba(0, 0, 0, 0.8);*/
  width: 50%;
  border-radius: 10px;
  text-align: left;
  padding: 5px 0;
   
 }

 a i.fas.fa-chevron-left, a i.fas.fa-chevron-right
 {
  font-size: 25px !important;
  border: 2px solid white;
  padding:5px 10px 5px 10px ;
  border-radius: 50%;
 /* color: white;*/
 }
  a i.fas.fa-chevron-left:hover, a i.fas.fa-chevron-right:hover
  {
    background: #383839;
    transition: 1s;
   
  }
 
  .double-button
  {
    margin-top: 40px;
    float: right;
  }
  .double-button a
  {
    text-decoration: none;
    color: white;
  }
  .carousel-caption .double-button .btn-primary
  {
    border-radius: 30px;
    padding:10px 20px 10px 20px ;
    text-transform: uppercase;
    font-size: 15px;
    margin-right: 20px;
  }
.carousel-caption .double-button .btn-primary:hover
{
  background: #100c08;
  border:#100c08;
  transition: 1s;
}
.carousel-caption .double-button .btn-info
    {
    border-radius: 30px;
    padding:10px 20px 10px 20px ;
    text-transform: uppercase;
    font-size: 15px;
    background: transparent;
    border: 1px solid white ;
    }
.carousel-caption .double-button .btn-info:hover
{
  background: #3d5bba;
  transition: 1s;
}

/*children of Universe homepage content*/
.home-help
{
  margin-top: 70px;
  margin-bottom: 70px;
}
.home-help h1
{
  font-size: 25px;
  font-weight: 600;
  color:#624d4d;
  padding-bottom: 20px;
}
.home-help .card-body
{
  min-height: 220px;
}
.home-help p
{
  color: rgba(0, 0, 0, 0.80);
  font-size: 16px;
}
.home-help .row
{
  padding-top: 20px;
}
.home-help .card 
{
  height: auto;
  transition: 0.5s;
  /*border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;*/
  border: none;
  margin-left: 15px;
}
.frist-img img
{
	width: 8rem !important;
	height: 8rem !important;
	padding-top: 10px;
}
.home-help .card h5
{
  margin: 10px 0;
  font-size: 16px;
  color: #9e870a;
  font-weight: 600;
  text-transform: uppercase;
}
.home-help .card p
{
  font-size: 16px;
  color: #562446;
}
 .btn-more a p
 {
 	font-size: 13px !important;
 	margin-bottom: 0px;
 }
 
.home-help .card img
{
  height: 7.5rem !important;
  width: 7rem !important;
  padding-top: 10px;
}
.home-help .card:hover
{
  box-shadow: 1px 1px 15px black;
  transform: translateY(-20px);
  transition: 0.5s;
}
.home-help .btn-primary
{
  background: transparent;
  text-transform: uppercase;
  font-size: 15px;
  color: darkblue;
  transition: 0.3s;
  border-radius:20px;
}
.home-help .btn-primary:hover
{
  background: black;
  color: white;
  transition: 0.5s;
}
/*.border-right-left
{
  border-right: 1px solid #e8b7b7;
  border-left: 1px solid #e8b7b7;
  
} */
.side-image
{

}


/*-----------who we are part-----------------*/
.we-are
{
  background: url(../images/slide7.jpg) no-repeat;
  /*background-attachment: fixed;*/
  background-size: cover;
  
}
.we-are-p h1
{
  font-weight: 900;
  font-size: 25px;
  color: white;
  padding-bottom: 20px;
}
.we-are-p 
{
  
  background: linear-gradient(to left, rgba(0, 0, 0, 0.3), black);
  padding: 70px 20px;
  width: 100%;
  height: auto;
}
.we-are-p p
{
  font-size: 16px;
  color: white;
  font-weight: 500;
}
.row
{
  margin-right: 0px;
}
.learn-button
{
  margin-top: 50px;
  border: 2px solid white;
  max-width: auto;
  text-align: center;
  padding:5px 15px;
  border-radius: 20px;
  background: transparent;
  transition: 0.3s;
  float: right;
}
.learn-button a
{
  text-decoration: none;
  color: white;
}
.learn-button
{
  font-size: 15px;
  font-weight: 600;
  color: white;
}
.learn-button:hover
{
  background: black;
  border: 2px solid black;
  transition: 0.3s;
}

 /*our activities part*/

.our-activties
{
  width: 100%;
  height: auto;
  padding-top: 70px;
  	padding-bottom: 70px;
}
.activity
{
	
}
.our-activities-head h2
{
  font-size: 25px;
  font-weight: 700;
  color: #624d4d;
  padding-bottom: 20px;
}
.our-activities-head p
{
  font-size: 16px;
  padding-bottom: 20px;
}
.activities-card
{
  min-height: 400px;
  color: #444;
  margin-top: 10px;
  width: 17rem;
    padding-right: 0px;
    padding-left: 0px;
}
.activities-card img
{
  height: 160px;
}
.activities-card .card
{
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  transition: 0.3s;
  /*width: 18rem;*/
}
.activities-card .card h5
{
  font-size: 18px;
  color: red;
  font-weight: 700;
}
.activities-card .card p
{
  font-size: 16px;
}

 .activities-card .btn-primary
 {
  border-radius: 20px;
  background: none;
  border: 2px solid skyblue;
  color: #333;
  transition: 0.3s;
  font-size: 13px;
 }
 .activities-card .card:hover
 {
  box-shadow: 1px 1px 20px #444;
  transition: 0.3s;
  transform: scale(1.01);
 }
.activities-card .btn-primary:hover
{
  background: skyblue;
  color: white;
  transition: 0.3s;
}
.activities-more-button a
{
	text-decoration: none;
}
.activities-more-button h3
{
	font-size: 15px;
	color: red;
	border: 1px solid red;
	border-radius: 20px;
	text-align: center;
	width: 8rem;
/*	padding-top: 5px;*/
	padding-bottom: 5px;
/*	margin-top: 20px;*/
	margin-right: 55px;
	 padding-top: 5px;
   margin-top: 20px;
}
.activities-more-button h3:hover
{
	background: #dedef5;
}

 
 
.prevnext-button img
{
	 height: 16px;
	/* margin-top: 30px;*/
	/* margin-right: 30px;*/
}
.prevarrrow:hover, .nextarrrow:hover
{
	background: #444;
	transition: 0.5s;
}
/*donation part*/

 .foreground-right
 {
  background: rgba(0, 0, 0, 0.6);
 }

 
/*background4 */
.background4
{
  background: url(../images/slide5.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 300px;
 }
 



/*donations expenditure part your money*/
.your-money
{
  padding-top: 70px;
  padding-bottom: 70px;
}
 .your-money h5
 {
  color: #fc0606;
  font-weight: 600;
  font-size: 25px;
 }
 .your-money h6
 {
  font-size: 20px;
  font-weight: 600;
 }
 .your-money p
 {
  font-size:12px;
 }
#container {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.anychart-credits-text, .anychart-credits-logo
{
	display: none !important;
}



/*open you helping hands*/
 .background5
 {
  background: url(../images/slide6.jpg) no-repeat;
  width: 100%;
  background-size: cover;
  background-attachment: fixed;
 }
.donation-help
{
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  padding-top:50px;
  padding-bottom: 50px;
}
.donation-help h1
{
  font-size: 35px;
  font-weight: 800;
  color:white;
  text-shadow: 1px 1px 2px #222;
  text-transform: uppercase;
}
.bg5
{
  padding-top: 40px;
}
 

.donation-div
{
  padding: 20px;
   background: rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px #222;
  height: 100%;
  width: 100%;
}
.donation-div h2
{
  font-size: 20px;
  text-align: left;
  font-weight: 600;
  color: white;
}
.donation-div p
{
  font-size: 16px;
  text-align: justify;
  color: white;
/*  letter-spacing: 2px;*/
}
.donation-detials
{
  border: 1px solid #888;
  padding: 10px;
  border-radius: 10px;
}
.donation-detials:hover
{
  box-shadow: 1px 1px 5px #777;
}
.donation-detials h3
{
  font-size: 15px;
  font-weight: 600;
  color: white;
}
 
  
 .donate-1  h1
 {
  color: #f2f2f2 !important;
  background: linear-gradient(to top, red, #58e921);
  border-radius: 30px;
  width: 70%;
  text-align: center;
  font-weight: 700;
  padding: 10px 15px;
  margin-top: 20%;
  transition: 0.5s;
 }
 .donate-1 a
 {
  text-decoration: none;
 }
 .donate-1 h1:hover
 {
  background: linear-gradient(to top, green, red);
  transition: 0.5s;
 }
 
/*=====================================our children ======================================*/
.our-children
{
  margin: 70px auto;
}
.our-children h2
{
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 20px;
  color:#624d4d;
}
.our-children p
{
 	font-size: 16px;
  padding-bottom: 20px;
}
 /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
 /*-------------------------------------------------------------------
     style-two
--------------------------------------------------------------------*/     
.style-two {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background: #DCE35B;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #45B649, #DCE35B);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #45B649, #DCE35B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.style-two *,
.style-two *:before,
.style-two *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}

.style-two img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}

.style-two figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 5px 10px 10px;
  opacity: 0;
  -webkit-transform: rotate(0deg) translate(-50%, -50%);
  transform: rotate(0deg) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.style-two figcaption:before,
.style-two figcaption:after {
  height: 2px;
  width: 400px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}

.style-two figcaption:before {
  top: 0;
  left: 10px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.style-two figcaption:after {
  bottom: 0;
  right: 10px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.style-two figcaption div:before,
.style-two figcaption div:after {
  width: 2px;
  height: 300px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}

.style-two figcaption div:before {
  top: 10px;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.style-two figcaption div:after {
  bottom: 10px;
  left: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.style-two h2,
.style-two h4 {
  margin: 0;
  text-transform: uppercase;
}


.style-two h4 {
  display: block;
  font-weight: 700;
  background-color: #ffffff;
  padding: 5px 10px;
  color: #000000;
  font-size: 13px;
}

.style-two a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.style-two:hover img,
.style-two.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}

.style-two:hover figcaption,
.style-two.hover figcaption {
  opacity: 1;
}

.style-two:hover figcaption:before,
.style-two.hover figcaption:before,
.style-two:hover figcaption:after,
.style-two.hover figcaption:after,
.style-two:hover figcaption div:before,
.style-two.hover figcaption div:before,
.style-two:hover figcaption div:after,
.style-two.hover figcaption div:after {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.style-two:hover figcaption:before,
.style-two.hover figcaption:before,
.style-two:hover figcaption:after,
.style-two.hover figcaption:after {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
 .modal-title
{
	color: red;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}
.modal-header 
{
	width: 100% !important;
}
 .popop-image
 {
 	width: 200px;
 	height: 200px;
 	border: 1px solid #555;
 }
 .popop-image img
 {
 	width: 100%;
 	height: 100%;
 }
.modal-body table thead tr th
{
	font-size: 13px;
	text-align: justify;
	width: 150px;
}
.modal-body table thead tr td
{
	font-size: 13px;
	text-align: justify;
}
 /*last content part  donation slogan*/
 .last-content
 {
  width: 100%;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #384261;
 }
 .last-content p
 {
  font-size: 13px;
  color: white;
  margin-bottom: 0;
 }
 .last-content h1
 {
  font-size: 25px;
  text-transform: uppercase;
  color: white;
  font-weight: 800;
 }
 .donate-button
 {
  text-align:right;
  max-width: 250px;
  border: 1px solid white;
  border-radius: 10px;
  padding: 5px 5px;
  margin-right: 0px;
 }
 .donate-button h2
 {
  font-size: 20px;
  font-weight: 900;
  color: #fcf6f3;
  text-align: center;
  margin-bottom: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
   }
 .last-content a
 {
    text-decoration: none;
 }
 .donate-button:hover
 {
    background: black;
    border: black;
    transition: 0.5s;
 }
.card-min-height
{
  min-height: 250px;
}

.col-md-4.border-right-left {

    border-left: 1px solid #bf9797;
    border-right: 1px solid #bf9797;
max-width: 31%;
}
@media screen and (max-width: 600px)
{
  .col-md-4.border-right-left {

    border-left: 1px solid black;
    border-right: 1px solid black;
max-width: 100%;
}
.home-help .col-md-4 {

    margin-left: 0px;

}
.home-help .card
{
  margin-left: 0px;
}
}

/*footer part*/
 #foot-back
{
  background: url(../images/foot.jpg/) no-repeat;
  background-size: cover;
}

.foot-back
{
  background: rgba(0, 0, 0, 0.7);
  height: auto;
  width: 100%;
  color: #ffffcc;
  padding:70px 5px;
}
.foot-back .logo img
{
  width: 160px;
}
.foot-back .row h2
{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	color: rgba(186, 183, 117, 1);
}
.foot-back .row
{
	padding-bottom: 30px;
}
.foot-back .row ul li 
{
	list-style: none;
  width: 100%;
}
.foot-back .row ul li a
{
	text-decoration: none;
	color: #ffffcc;
	font-size: 15px;
}
.loggingon
{
  text-align: center;
  padding-top: 15px;
}
.loggingon a
{
  padding-right: 30px;
}
.bars
{
  border-top: 1px dashed white;
  margin-bottom: 5px;
}
.foot-back .row ul
{
	float: left;
	padding-right: 15px;
  padding-left: 0px;
  padding-right: 35px;
}
.fa, .fas, .far
{
    padding-right: 10px;
}

.comp-name
{
	font-size: 16px;
	font-weight: 600;
}
.social-link
{
	padding-top: 20px;
}
.social-link .fab
{
	font-size: 25px;
}
.foot-back .row ul li a:hover
{
	color: #6b011a;
/*	font-weight: 600;*/
	transition: 0.5s ease;
}
.events p
{
  margin-bottom: 0;
  font-size: 15px;
}
.events .date
{
  color: #ecab26;
}
.events .foot-news-link
{
  color: white;
}
.events .foot-news-link a:hover
{
  color: #6b011a;
}
.contact-us-foot .logo img
{
  width: 150px;
  overflow: hidden;
  padding-bottom: 10px;
}
 
 .padding-footer
 {
  padding-bottom: 0px !important;
 } 
 
/*.design-company 
{
  padding-bottom: 30px; 
}*/
.developers
{
  text-align: right;
}
@media screen and (max-width: 600)
{
  .developers
  {
    text-align: left;
  }
}
.developers a
{
  text-decoration: none;
  color: white;
}
.developers a:hover 
{
  color: #6b011a;
/*  font-weight: 600;*/
  transition: 0.5s ease;
}
/*=========================footer part=================================*/

 /*other css*/
 .children-padding {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 25px;
}
 
  
 
 
 

 
/*=====================footer part of designer=============================================================
===============================================================================
=================================== */


 /*-----------------------------------------media query----------------------------------*/
  /*-----------------------------------------media query----------------------------------*/
   /*-----------------------------------------media query----------------------------------*/
    /*-----------------------------------------media query----------------------------------*/
     /*-----------------------------------------media query----------------------------------*/

 @media screen and (max-width: 600px)
{
  .donate-button {
    /* text-align: right; */
/*    border-radius: 10px;
    padding: 5px 5px;*/
    margin-right: auto;
}

    .mr-auto
    {
      background: white;
    }
    .nav-item
    {
      padding-left: 15px;
      margin-left: 0px;
    } 

    .navbar-brand img
  {
    width: 200px;
    height: 95px;
  }
		 
      .carousel-item
      {
        height: 200px;
      }
      .carousel-caption
      {
        top: 2%;
      }
      .carousel-caption h4
      {
        font-size: 60%;
        left: 5%;
        width: 70%;
        padding:5px 0px;
      }
      .carousel-caption h1
      {
        font-size: 80%;
        left: 10%;
        width: 70%;
        padding: 5px 0px;
      }
      .double-button
      {
        margin-top:5px;
        float: right;
      }
      .carousel-caption .double-button .btn-primary
      {
        padding:5px 10px 5px 10px ;
        font-size: 10px;
        margin-right: 5px;
      }
      .carousel-caption .double-button .btn-info
        {
          padding:5px 10px 5px 10px ;
          font-size: 10px;
        }
            /*media query for homepage second division*/
      .home-help
      {
        margin-top: 10px;
        margin-bottom: 10px;
      }
      .home-help h1
      {
        font-size: 80%;
        padding-bottom: 10px;
      }
      .home-help p
      {
        font-size: 80%;
        padding-bottom: 10px;
      }
      .home-help .row
      {
        padding: 15px 0;
      }
      .home-help .col-md-4
      {
        width: 100%;
        padding-left: 0px;
        /*margin-right: 2px;*/
        padding-right: 0;
        margin-left: 20px;
        margin-bottom: 20px;
      }
      .home-help .card
      {
        margin-top: 20px;
      }
      .home-help .card img
      {
        height: 5rem;
      }
      .home-help .card h5 
      {
        font-size: 13px;
      }
      .home-help .card .card-body p
      {
        font-size: 10px;
        padding-bottom: 5px;
      }
      .home-help .card .card-body
      {
        padding: 2px;
      }
      .btn-more a p 
      {
      	font-size: 10px !important;
      	padding-bottom: 0px !important;
      }
      {
        font-size: 12px;
      }
      .home-help .btn-primary
      {
        padding: 5px;
        font-size: 10px;
      }

      /*who we are part meida query part*/
      .we-are-p
      {
        padding: 20px 5px;
      }
      .we-are-p p
      {
        font-size: 70%;
        padding-bottom: 0px;
      }
      .learn-button
        {
          margin-top: 10px;
          font-size: 12px;
        }
      .we-are-p h1
      {
        font-size: 20px;
        padding-bottom: 10px;
      }
      .background4
      {
        height: 200px;
      }

      /*second slider part*/
       /*-----------------------------------------media query----------------------------------*/
       
       .our-activties 
       {
		    
		    padding-top: 25px;
		    padding-bottom: 25px;
		}
      .our-activities-head h2
      {
        font-size: 80%;
        padding-bottom: 10px;
      }
      .our-activities-head p
      {
        font-size: 80%;
        padding-bottom: 10px;
      }
      .activities-card .card
      {
/*        width: 9rem;*/
         
      }
      .activities-card img
      {
        /*height: 5rem;*/
      }
       
      .activities-card .card p, .activities-card .btn-primary
      {
        font-size: 10px;
        padding: 2px;
      }
      .activities-card .card-body
      {
        padding: 5px 0px; 
      }
      .activity
      {
        margin-left: 10px;
      }
       .activities-card .card h5
          {
            font-size: 13px;
            color: red;
            font-weight: 700;
            padding: 5px 0;
          }
        .your-money
        {
        	padding-top: 25px;
        	padding: 25px;
        }
        /*open helping hand */
        .donation-div p
        {
        	font-size: 10px;
        }
        .last-content p
        {
        	font-size: 10px;
        }
        .last-content h1
        {
        	font-size: 15px;
        }
        .donate-button 
        {
        	width: 175px;
        }
        .donate-button h2
        {
        	font-size: 14px;
        }
        /*=====================================our children  media query======================================*/
			.our-children
			{
			  margin: 20px auto;
			}
			.our-children h2
			{
			  font-size: 18px;
			  font-weight: 700;
			  padding-bottom: 10px;
			}
			.our-children p
			{
			  font-size: 10px;
			  padding-bottom: 10px;
			}
			.children-card
			{
			  width: 7.5rem;
			  height: auto;
			}
			.children-images 
			{
			  width: 7rem;
			  height: 5rem;
			}
			.children-card h4
			{
			  font-size: 10px;
			}
        /*donation part media query*/
        .donation-help h1
        {
          font-size: 15px;
        }
        .donate-1 h1
        {
          margin-top: 5px;
        }
        /*footer part*/
        .foot-back
        {
        	padding-top: 25px;
        	padding-bottom: 25px;
        }
        .foot-back .row h2
        {
        	font-size: 12px;
        }
        .foot-back .row ul 
        {
        	padding-right: 20px;
        	padding-left: 5px;
        }
        .foot-back .row ul li a
        {
        	font-size: 10px;
        }
        .comp-name 
        {
        	font-size: 12px
        }
        .design-company p
        {
        	font-size: 12px;
        }

}