body {
  font-family: 'Inter';
}

h1, h2, h3, h4, h5, h6, p, span, a, button {
  font-family: 'Inter';
}

p{
  font-size: 14px;
}

.navbar-nav>li>a{
    color: white !important;
	
}
/* Active link style */
.navbar-nav > li > a.active {
    color: #ff8c2c !important;
    transition: color 0.3s ease; /* Add a transition for smooth animation */
}

.nav2 .nav-item a:hover

{
	 color: #ff8c2c !important;
}



.header_top_bg {
  /* background: rgb(31,98,127);
  background: -moz-linear-gradient(180deg, rgba(31,98,127,1) 0%, rgba(24,68,86,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(31,98,127,1) 0%, rgba(24,68,86,1) 100%);
  background: linear-gradient(180deg, rgba(31,98,127,1) 0%, rgba(24,68,86,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f627f",endColorstr="#184456",GradientType=1);
  z-index: 9999; */
  /* background: linear-gradient(180deg, #DA4F00 0%, #A63C00 100%); */
  background: rgb(125 47 3);
  position: relative;
  z-index: 999999;

}

.topbtns{
  position: relative !important; 
  bottom:40%; 
  z-index:99 !important;
}

/* .header_top_bg .cstm_ul .list-inline-item {
  padding: 15px 40px;
} */

.social_icons a {
  text-decoration: none;
  color: white;
}

.cstm_select:focus,
.cstm_select.active {
  border: none;
}

.cstm_select option {
  color: white;
  background-color: transparent !important;
}


.bgchangecolor
{
    background-color: black;
}

#header{
  background:radial-gradient(50% 50% at 50% 50%, #2A3A54 0%, #18273E 100%); 
  z-index: 99999; 
}

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
/* .offcanvas-header, .offcanvas-body{ */
  /* background-color: rgb(125 47 3); */
/* } */


header .item {
    height: auto;
    position: relative;
  }
  header .item img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }
  header .item .cover {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    display: flex;
    align-items: center;
  }
  header .item .cover .header-content {
    position: relative;
    padding: 56px;
    overflow: hidden;
  }
  header .item .cover .header-content .line {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    /* border: 9px solid #fff; */
    -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
    clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  }
  header .item .cover .header-content h2 {
    font-weight: 300;
    /* font-size: 35px; */
    font-size: 28px;
    color: #fff;
  }
  header .item .cover .header-content h1 {
    /* font-size: 56px; */
    font-size: 46px;
    font-weight: 600;
    margin: 5px 0 20px;
    word-spacing: 3px;
    color: #fff;
  }
  header .item .cover .header-content h4 {
    /* font-size: 24px; */
    font-size: 20px;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
  }
  header .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }
  header .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
  }
  header .owl-item.active h4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
  }
  header .owl-item.active .line {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
  }
  header .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
  }
  header .owl-nav .owl-prev span {
    font-size: 1.6875rem;
    color: #fff;
  }
  header .owl-nav .owl-prev:focus {
    outline: 0;
  }
  header .owl-nav .owl-prev:hover {
    background: #000 !important;
  }
  header .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
  }
  header .owl-nav .owl-next span {
    font-size: 1.6875rem;
    color: #fff;
  }
  header .owl-nav .owl-next:focus {
    outline: 0;
  }
  header .owl-nav .owl-next:hover {
    background: #000 !important;
  }
  header:hover .owl-prev {
    left: 0px;
    opacity: 1;
  }
  header:hover .owl-next {
    right: 0px;
    opacity: 1;
  }
  header .owl-theme .owl-nav
  {
    margin-top: 0px !important;
  }
.cd_title{
    color: #434343;
  }
  .card_cst {
    border-radius: 5px;
    border: 1px solid #B52619;
  }
  .cst-btn
  {
    background-color: #B52619 !important;
    color: white !important;
    font-weight: 500 !important;
  }
  .cst-btn-1
  {
    background-color: #DE7B06 !important;
    color: white !important;
    font-weight: 500 !important;
  }
  .card_cst .card-header{
    background-color: #B52619;
  }
  .card_cst .card-body{
    border-radius: 5px;
    background-color: #FEF5E7;
  }
  .bi-geo-alt{
    color: #B52619 !important;
  }
.section-bg{
    background: rgba(238, 249, 254, 1);

}


.title
{
    font-family: 'Inter';
font-size: 28px;
font-weight: 600;
line-height: 48px;
letter-spacing: 0em;
text-align: center;
/* color:#1F627F; */
color:rgba(173, 62, 1, 1);

position: relative;

}

.title2
{
    font-family: 'Inter';
font-size: 28px;
font-weight: 600;
line-height: 48px;
letter-spacing: 0em;
text-align: center;
color:  #ffffff;
position: relative;

}
.bg-counter
{
    background-color: #B5261966;
    background-image: url('../images/banner-counter.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.counterbg {
    flex: 1;
    max-width: 300px; /* Adjust the max-width as needed */
    height: 100%;
    box-sizing: border-box;
    background: rgba(0,0,0,40%);
    text-align: center;
    color: white;
  }

  .counterbg .icon-bg {
    margin-bottom: 10px; /* Adjust the margin as needed */
  }

  .counterbg img {
    max-width: 100%;
    height: auto;
  }
.icon-bg{
    background: rgba(217,217,217,10%);
    width:80px;
    height:80px;
    border-radius: 50%;
    text-align: center;
    margin: 0px auto;
}
/* .leftwidth
{
    width: 50%;
}
.rightwidthc
{
    width: 50%;
} */

.contact-bg
{
    background-image: url('../images/contact-bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.iconsbg
{
    /* background-color: #1F627F !important; */
    background: rgba(181, 38, 25, 1) !important;
    border-radius: 50%;
    color:white !important;
display: inline-block;
line-height: 2;
width: 30px;
height: 30px;
text-align: center;
    
}

.bg-footer {
    /* background-color: rgba(18, 59, 77, 0.7); */
  
  /* background-image: url('.assets/images/footer_bg.png'); 
  background-image: url('../../../assets/temple/');  */
  background-image: url('<?php echo base_url(); ?>assets/images/footer_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;


  }
  @media screen and (max-width: 480px) { 
    .bg-footer{
    background-image:none !important; 
    background-color:rgb(125 47 3) !important; 
  }
}
  
  .footer_logo {
    width: 50px;
    height: auto;
  }
  
  .btn_footer {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
  }
  
  .btn_footer:hover {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
  }
  
  .footer_list {
    list-style-type: none;
    line-height: 2.2rem;
    font-size: 14px;
  
  }
  
  .footer_list li a {
    color: white;
    text-decoration: none;
  }
  .visitor-btn
  {
    background-color: rgba(238, 238, 238, 1);
  }
   .visitor-btn:hover
  {
    background-color: rgba(238, 238, 238, 1);
  }
  .visitor-btn1
  {
    background-color: rgba(155, 214, 239, 1);
  }
   .visitor-btn1:hover
  {
    background-color: rgba(155, 214, 239, 1);
  }

  .bg-news{
    background-color: rgba(222, 123, 6, 1);
  }
  /* .news
  {
    position: relative;
  } */
   /* .news::after{
    content: "";
		position: absolute;
	
		-webkit-transform: skewX(-10deg);
		-moz-transform: skewX(-10deg);
		-ms-transform: skewX(-10deg);
		transform: skewX(-10deg);
  }  */

  .bg-news{
    position: relative;
    /* border-bottom-right-radius: 80px; */
   
  
  }
  .bg-news:after{
    display: block;
    content: '';
    position: absolute;
    top: -7px;
    right: -54px;
    border-bottom: 48px solid transparent;
    border-left: 55px solid rgba(222, 123, 6, 1);
  }
  .owl-news .owl-nav
  {
    display: none !important;
  }


  .owl-news .owl-stage{
    display: flex;
    align-items: center !important;
  }

  #news_latest ul li span{
    font-size: 14px;
  }

.cstm_ul li {
    /* display: inline-block;
    margin-right: 15px; */
    position: relative;
    font-size: 14px !important;
}



/* @media screen and (min-width: 992px) {
.fixed-top
{
  position: relative;
}
} */


@media screen and (max-width: 992px) {
 
.fixed-top {
  position: initial !important;
}
}
/* Add this CSS to your stylesheet or in a style tag in the head of your HTML */
.btn-custom {
  /* background-color: #1F627F !important; */
  background: rgba(173, 62, 1, 1) !important;
  color: #fff !important; /* Text color */
  font-size: 14px;
  /* You can add more custom styles as needed */
}

/* .btn-custom
	 {
 background: linear-gradient(180deg, #448DAD 0%, #2A5C71 100%)!important;
    color: #fff; /* Set text color to white */
 
	 } */

/* .carousel-wrap {
  margin: 90px auto;
  padding: 0 5%;
  width: 80%;
  position: relative;
} */



.cardbtns
{
  background-color: rgb(198, 211, 216);

}
/* 
innerpages */

.bgcolor
{
  background-color:  rgba(222, 123, 6, 1) !important;
  color: white !important;
  font-weight: bold !important;
}

.accordion-button:not(.collapsed){
  background-color: white !important;
  border-color: transparent !important;
  box-shadow:none;
  color: #292524;
  
}

.accordion-button{
 
  font-weight:600;
}



.card__one {
  transition: transform 0.5s;
}
.card__one::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  content: "";
  opacity: 0;
  z-index: -1;
}
.card__one:hover, .card__one:focus {
  transform: scale3d(1.006, 1.006, 1);
}
.card__one:hover::after, .card__one:focus::after {
  opacity: 1;
}

.card__two
{
	border:0px !important;
	margin-bottom:20px !important;
}

.card__two img
{
	border:2px solid #ffffff !important;
}
.card__two::before, .card__two::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.38s ease-in-out, transform 0.35s ease-in-out;
  content: "";
  opacity: 0;
  pointer-events: none;
}
.card__two::before {
  transform: scale3d(0, 1, 1);
  transform-origin: left top;
  border-top: 1px solid #acacac;
  border-bottom: 1px solid #acacac;
}
.card__two::after {
  transform: scale3d(1, 0, 1);
  transform-origin: right top;
  border-right: 1px solid #acacac;
  border-left: 1px solid #acacac;
}
.card__two:hover::before, .card__two:hover::after, .card__two:focus::before, .card__two:focus::after {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.card__three::before, .card__three::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale3d(0, 0, 1);
  transition: transform 0.3s ease-out 0s;
  background: rgba(255, 255, 255, 0.1);
  content: "";
  pointer-events: none;
}
.card__three::before {
  transform-origin: left top;
}
.card__three::after {
  transform-origin: right bottom;
}
.card__three:hover::before, .card__three:hover::after, .card__three:focus::before, .card__three:focus::after {
  transform: scale3d(1, 1, 1);
}
.card__one .card-body .card-title{
  font-weight: 600;
}
.card__one .card-body .card-text{
  font-size: 14px;
}
.carousel-indicators1 [data-bs-target]
{
	
	background-color:#cccccc !important
}

.click-btn {
  
  
 
  text-decoration: none;
  transition: all 0.35s;
 
}
.btn-style510 {
  position: relative;
  background-color: rgba(173, 62, 1, 1) !important;
  /* background-color: #5e5e5e; */
  /* border-color: #5e5e5e; */
  border-color: rgba(173, 62, 1, 1) !important;
  color: #fff;
  overflow: hidden;
}
.btn-style510::before, .btn-style510::after {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100px) skewX(-15deg);
  content: "";
}
.btn-style510::before {
  width: 60px;
  background: rgba(255, 255, 255, 0.5);
  filter: blur(30px);
  opacity: 0.5;
}
.btn-style510::after {
  width: 30px;
  left: 30px;
  background: rgba(255, 255, 255, 0.2);
  filter: blur(5px);
}

.btn-style510:hover::before {
  opacity: 1;
}
.btn-style510:hover::before, .btn-style510:hover::after {
  transform: translateX(300px) skewX(-15deg);
  transition: all 0.9s ease;
}

#navbar_top {
    /* transition: background-color 0.3s ease; */
    background-color: rgb(125 47 3);
    
     
}

#navbar_top.sticky {
    position: fixed;
    top: 0;
    padding: 0px !important;
   /* background-color: #1f627f;  */
    background-color:rgb(125 47 3); /* Change this to the desired background color */
    width: 100%;
    z-index: 1000;
    border-bottom: none; 
  transition: border-bottom-width 0.3s ease;
  
}

/* Additional styles to adjust the padding/margins if needed */
#navbar_top {
    transition: background-color 0.3s ease; /* Smooth transition for background color change */
}

@media screen and (max-width:998px) {
  /* .mobile .show{
  background-color: rgba(222, 123, 6, 0.8);/* Change this to the desired background color */ /* Adjust the color and transparency as needed */
	
} */
}




/* Add this CSS style to your stylesheet */
.navbar-nav>li>a {
    text-decoration: none;
    position: relative;
}

.navbar-nav>li>a:hover {
    text-decoration: none;
}



.nav2 .nav-item {
/* padding-left:6px !important;
padding-right:6px !important; */
font-size: 14px !important;
}


/* .nav2 .nav-link
{
padding-left:0px !important;
padding-right:0px !important;
} */


.cstm_ul li {
  border-right: 1px solid rgb(255, 255, 255); 
  /* padding-right:20px; */

}
.sign_in{
  text-decoration: none;
  color: #ffffff; 
  font-size: 14px;
}
.bg_maroon{
  background-color: rgb(125 47 3);
}

.cstm_ul li:last-child {
  border-right: none;
}

#scrollToTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: rgba(181, 38, 25, 1);
  color: #fff;
  border: 2px solid #ffffff;
  border-radius: 50%;
  padding: 10px 15px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
}
#scrollToTopBtn:hover {
  background-color: rgb(133, 13, 3);
}


@media screen and (max-width:998px) {
  .topbtns{
    position: relative !important; 
    top:10%;
    bottom: 0%; 
    margin-bottom: 30px ;
    z-index:99 !important;
  }
  /* #navbar_top{
    background-color: rgba(222, 123, 6, 0.8);
  } */
}





/*7-3-24*/

.breadcrumb-item+.breadcrumb-item::before{
  content: var(--bs-breadcrumb-divider, ">") !important;
  color:rgba(44, 44, 44, 1) !important;
}
.breadcrumb-item{
  font-size: 14px;
  font-weight: 400;
}
.breadcrumb-item.active{
  color: rgba(28, 85, 110, 1);
 
}
.breadcrumb-item a{
  color:rgba(44, 44, 44, 1) !important;
}
.darshan_card{
  border-radius: 15px;
}
.darshan_card .card-header{
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.darshan_card .card-body{
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

input[type=text]::placeholder, input[type="date"]::placeholder, input[type="number"]::placeholder {
  color: rgba(132, 132, 132, 1) !important; /* Change to your desired color */
}

.note_list {
  line-height: 2.3 !important;
  /* font-weight: 400; */
}

select:required:invalid  {
  color: rgba(132, 132, 132, 1); /* Change to your desired color */
}

.select_op{
  color:#212529;
}
.darshan_card label{
  font-weight: 500;
  font-size: 14px;
}


/*new theame css*/

.bg_contactus{
  background: rgba(242, 194, 116, 1);

}

.bg_contactus .card{
  border-radius: 15px !important;
}

.Get_in_touch a.reg_txt{
  font-weight: 500;
  font-size: 14px !important;
}

.temple_members_bg{
  background: rgba(249, 235, 178, 1);

}

#carouselExample .card .card-text, #carouselExample .card .card-time{
  color: rgba(137, 137, 137, 1);
  /* font-size: 15px; */
}

.news_events_bg{
  background-color: rgba(251, 230, 232, 1);

}
.margin_top{
  margin-top:4rem ;
}

@media screen and (max-width:448px) {
  
  .margin_top{
    margin-top:0rem !important;
  }
  .header_top_bg {
   
    position: relative;
    z-index: 999;
  
  }
  .mobile .show{
    background-color: rgb(125 47 3);/* Change this to the desired background color */ /* Adjust the color and transparency as needed */
    
  }
  .cstm_ul li {
    border-right: 0px solid rgb(255, 255, 255); 
    /* padding-right:20px; */
  
  }
  .bg_maroon{
    border-radius: 5px;
  }
}



.dropdown-item{
  font-size: 14px;
  color: #ffffff;
  background-color: rgb(125 47 3);
}
.dropdown-item.active, .dropdown-item:active{
  
  color: #ffffff;
}
.dropdown-item:hover{
  background-color: rgb(125 47 3);
  color: #ffffff;
}
.latest_news .card {
  border-radius: 15px !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 15px !important;
}
.latest_news .card img{
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.news_card:hover{
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 4px 4px rgba(0, 0, 0, 0.22) !important;
}

.event_card{
  background: #fff;
  border-left: 5px solid #ffffff;
  color: #f77b00;
  margin-left: 0px;
  -webkit-box-shadow: 0px 3px 21px -5px rgba(0,0,0,0.27);
  -moz-box-shadow: 0px 3px 21px -5px rgba(0,0,0,0.27);
  box-shadow: 0px 3px 21px -5px rgba(0,0,0,0.27);
}
.sticky_sidebar_inner{
  
  position: sticky;
  right: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 15%;
}

.sticky_sidebar_inner .sidebar-inner .card_1 {
  border-radius: 15px !important;
  background: rgba(222, 123, 6, .9);
}
.sticky_sidebar_inner .sidebar-inner .card_1 ul a{
  color: #ffffff;
  text-decoration: none !important;
}
.sticky_sidebar_inner .sidebar-inner .card_1 ul li.active {
  background: #fff;
  border-left: px solid #ffffff;
  color: #f77b00;
  margin-left: 0px;
  -webkit-box-shadow: 0px 3px 21px -5px rgba(0,0,0,0.27);
  -moz-box-shadow: 0px 3px 21px -5px rgba(0,0,0,0.27);
  box-shadow: 0px 3px 21px -5px rgba(0,0,0,0.27);
}
.sticky_sidebar_inner .sidebar-inner .card_1 ul li:hover {
  background: #fff;
  border-left: 5px solid #ffffff;
  color: #f77b00;
  margin-left: 0px;
  -webkit-box-shadow: 0px 3px 21px -5px rgba(0,0,0,0.27);
  -moz-box-shadow: 0px 3px 21px -5px rgba(0,0,0,0.27);
  box-shadow: 0px 3px 21px -5px rgba(0,0,0,0.27);
}
.sticky_sidebar_inner .sidebar-inner .card_1 ul {
  list-style: none;
  padding: 0px;
  margin-top: 0;
  margin-left: 0px;
}

.sticky_sidebar_inner .sidebar-inner .card_1 ul li {
  /* color: #1a1a1a; */
  color: #ffffff;
  font-weight: 500;
  border-left: 5px solid transparent;
  padding: 10px;
  -webkit-transition: all 0.5s 0s ease;
  -moz-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
  padding-left: 20px;
}


.bg_copyright{
  background-color: rgb(125 47 3);
}
.ftr_bottom a{
  text-decoration: none;
}
#overflow_ellipses .card-title{
  display: -webkit-box;
  -webkit-line-clamp: 1; /* Limit the number of lines to 2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* Add ellipsis for overflow */
}
#overflow_ellipses .card-text{
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit the number of lines to 2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* Add ellipsis for overflow */
}
.social_share .icn{
   color: rgb(222, 123, 6) !important;
   font-size: 14px;
}

.bg_breadcrumb{
  background-color: #efefef;
  font-weight: 400 !important;
}

/* .card_img_galry{
  opacity: 0.9  
}
.card_glry:hover .card_img_galry{
  opacity: 1 !important; 
}
.card_glry {
  transition: transform 0.5s;
}
.card_glry:hover {
  transform: scale3d(1.006, 1.006, 1);
} */
.card_glry, .card_glry img{
  border-radius: 15px;
}
.caption {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	transition: 0.5s;
	opacity: 0;
	background-color: rgba(0,0,0,0)
}



.caption{
	text-transform: capitalize;
}

.card_glry:hover .caption {
	opacity: 1;
	background-color: rgba(0,0,0,.5);
  border-radius: 15px;
}

/* .card_glry:hover img {
	transform: scale(1.3) rotate(10deg);
} */




/**/

.icons{
  display: flex;
 
  align-items: center;

}

.social{
  margin: 6px;
  height: 40px;
  width: 40px;
  border-radius: 40px;
  box-shadow:  0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  text-align: center;
  transition: all 0.3s;
  overflow: hidden;
  padding: 7px;
}

.social:hover{
  cursor: pointer;
  transition: all 0.3s;
}

.social-icon{
	    text-decoration: none;
    color: #e7e7e7;
    /* padding: 22px; */
    /* margin-right: -16px !important; */
    font-size: 13px;
    padding-top: 20px !important;
}

.social-icon:hover{
  animation: slide 1s ease;
}



.social:nth-child(1){
	background: #3b5999;
}

.social:nth-child(2){
	background: #38A1F3;
}

.social:nth-child(3){
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.social:nth-child(4){
  background: #0077B5;
}

/* .social:nth-child(5){
	background: #0077B5;
} */

@keyframes slide{
  0%{
    transform: translateX(0);
  }
  50%{
    transform: translateX(20px);
    opacity: 0;
  }
  51%{
    transform: translateX(-20px);
    opacity: 0;
  }
  100%{
    transform: translateX(0);
  }
}
/**/




@media screen and (max-width: 768px) {
.bg-news:after{
  display: none;
  content: none !important;
  position: absolute;
  top: -0px;
  right: 0px;
  border-bottom: none !important;
  border-left: 75px solid rgb(6, 56, 222) !important;
}
.inner-pages .header_top_bg{
  /* Define styles for the home page */
  /* background: linear-gradient(180deg, #1F627F 0%, #184456 100%); */
  z-index: 999 !important;
position: relative;
}
.margin_top{
  margin-top:0rem !important;
}
 .bg-footer{
    background-image:none !important; 
    background-color:rgb(125 47 3) !important; 
  }
}





/*gallery New start*/
.p0{padding:0;}
.portfolio__filter {border:1px solid #F1F1F1;border-radius:20px;width:100%;}
.portfolio__filter .filter-button{display:inline-block;padding:10px 23px;background:transparent;border:none;color:#9B9B9B;letter-spacing:0;font-size:13px;cursor:pointer;font-weight:300;}
.portfolio__filter .filter-button:hover, .portfolio__filter .filter-button:focus, .portfolio__filter .filter-button:active{background:rgb(125 47 3);border-radius:20px;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3);}
.portfolio__filter .filter-button:focus {outline:0;}
.portfolio__filter{display:inline-block;text-align:center;margin:0px 0px 30px 0px;}
.portfolio__img img {width: 100%;height: 230px;object-fit: cover;padding: 3px 3px;}
.btn__load {display: inline-block;margin:40px 0 0;width:100%;}




/*donation btn*/

/* .btn-14 {
  background: #ffffff !important;
  color: rgba(251, 75, 2, 1) !important;

  border: none;
  z-index: 1;
}

.btn-14:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
 
  background: linear-gradient(0deg, rgba(255, 27, 0, 1) 0%, rgba(251, 75, 2, 1) 74%) !important;
  transition: all 0.3s ease;
}

.btn-14:hover {
  color: #ffffff !important;
}

.btn-14:hover:after {
  top: auto;
  bottom: 0;
  height: 100%;
}

.btn_dnt {
  border-radius: 5px;
  padding: 10px 25px;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
  outline: none;
} */
.margin_top .card 
{
	margin-top:2px !important;
}