#hero-slider {
height: 100vh;
overflow: hidden;
}
.slider-bg {
position: relative;
height: 100vh;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
}
.slider-bg .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.55);
z-index: 1;
}
.slider-bg .content {
position: relative;
z-index: 2;
max-width: 900px;
padding: 0 20px;
}
.slider-bg h1 {
font-family: 'Great Vibes', cursive;
font-size: 3rem;
color: #f74f22;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}
.slider-bg p {
font-family: 'Hind', sans-serif;
font-size: 1.25rem;
font-weight: 400;
color: #ffffff;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
}
/*********************center_h_end****************/
/*********************about_h****************/
.about_h1l span{
width:120px;
height:120px;
line-height:120px;
}
.about_h2r p{
border-left:2px solid #f74f22;
}
.about_h2l h1{
line-height:0.2em;
width:250px;
height:250px;
padding-top:100px;
font-size:70px;
}
.about_h3i1r .form-control{
background: #0003;
color:#fff;
}
.about_h3i1r ::placeholder {
color: #fff;
opacity: 1; /* Firefox */
}
.about_h3i1r .btn{
background: #0221474d;
}
.about_h3i1r {
min-height:190px;
}
.about_h3i1l {
min-height:190px;
}
.about_h3m {
left: -5%;
bottom: 0;
}
.about_h3m2i span{
width:60px;
height:60px;
line-height:60px;
}
.about_h3m2{
padding-left:56%;
top:38%;
}
/*********************about_h_end****************/
/*********************watch****************/
.watch_1r {
padding: 65px 30px 65px 30px;
background-color: #fff;
box-shadow: 0px 10px 50px 0px rgb(53 82 99 / 9%);
min-height:373px;
}
.watch_1l2 span a{
width:80px;
height:80px;
line-height:80px;
}
.watch_1l2 {
padding-top:25%;
}
.watch_2l2 span a{
width:50px;
height:50px;
line-height:50px;
}
.watch_2l2{
padding-top:18%;
}
/*********************watch_end****************/
/*********************minist****************/
.donate_1r .nav-tabs .nav-link.active {
background: none;
color: #f74f22;
border:none;
border-bottom:3px solid #f74f22;
}
.donate_1r .nav-tabs .nav-link {
background: none;
color: #767e88;
border:none;
border-bottom:3px solid transparent;
padding:20px 40px;
font-size:15px;
font-weight:bold;
}
.donate_1r .nav-tabs .nav-link:hover {
color: #f74f22;
}
.minist_1i2 span a{
width:50px;
height:50px;
line-height:50px;
}
.minist_1i3{
bottom:0;
}
/*********************minist_end****************/
/*********************testim****************/
#testim{
margin-top:180px;
}
.testim_m2{
top:-40%!important;
}
.testim_1rm2il{
padding-top:26%;
}
.testim_1ri{
padding-top:24%;
}
/*********************testim_end****************/
/*********************blog****************/
#blog{
background-image: url(../img/34.jpg);
background-position: center center;
background-size: cover;
}
/*********************blog_end****************/
@media screen and (max-width : 767px){
.center_hm1{
display:none;
}
.carousel-caption{
position:static!important;
width:100%;
background:#f74f22;
text-align:center;
}
.center_ht{
display:none;
}
.carousel-caption .button_2{
padding-left:13px;
padding-right:13px;
font-size:13px;
}
.carousel-caption .button_3{
padding-left:13px;
padding-right:13px;
font-size:13px;
}
.carousel-caption .font_50{
font-size:26px;
}
.carousel-caption p{
font-size:14px;
text-align:left;
}
.center_home .carousel-indicators {
display:none;
}
.about_h1l{
margin-top:8px;
margin-bottom:8px;
}
.about_h2l{
float:none!important;
}
.about_h2r br{
display:none;
}
.about_h2r{
text-align:center;
margin-top:15px;
}
.about_h2r p{
text-align:left;
}
.about_h2rilir{
margin-top:15px;
}
.about_h2rilir p{
text-align:center;
}
.about_h3m{
display:none;
}
.about_h3m2{
display:none;
}
.about_h3i1l{
min-height:auto;
text-align:center!important;
}
.about_h3i1r{
min-height:auto;
text-align:center;
}
.watch_1 .ps-0{
padding-left:12px!important;
}
.watch_1 .pe-0{
padding-right:12px!important;
}
.watch_1r{
padding:20px!important;
min-height:auto;
text-align:center;
}
.watch_1r p{
text-align:left;
}
.watch_2m{
margin-top:8px;
margin-bottom:8px;
text-align:center;
}
.donate_1l{
margin-bottom:10px;
text-align:center;
}
.donate_1r .nav-tabs .nav-link {
padding: 10px 20px;
}
.minist_1i{
margin-top:8px;
margin-bottom:8px;
text-align:center;
}
.minist_1i1 img{
min-height:250px;
}
#testim{
margin-top:0;
}
.testim_1l{
padding-left:0!important;
padding-right:0!important;
text-align:center;
}
.testim_1l p{
text-align:left;
}
.testim_m2{
display:none;
}
.testim_m{
margin-top:15px;
text-align:center;
}
.testim_m p{
text-align:left;
}
.testim_1ri{
padding-top:30px;
}
}
@media (min-width:576px) and (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
.carousel-caption{
bottom:10px;
right:10%
}
.center_home .carousel-inner .center_hm1 img{
width: 60%;
}
.carousel-caption .font_50{
font-size:20px;
}
.carousel-caption p {
font-size: 14px;
}
.carousel-caption .button_2{
padding-left:13px;
padding-right:13px;
font-size:13px;
}
.carousel-caption .button_3{
padding-left:13px;
padding-right:13px;
font-size:13px;
}
.about_h1l h4{
font-size:16px;
}
.about_h1l p{
font-size:14px;
}
.about_h2r br{
display:none;
}
.about_h2rilil .fs-2{
font-size:18px!important;
}
.about_h3i1r h5{
font-size:14px!important;
}
.about_h3i1l h5{
font-size:13px!important;
}
.about_h3i1l h2{
font-size:17px!important;
}
.about_h3i1l {
padding-left:20px!important;
padding-right:20px!important;
}
.about_h3m img{
width:300px;
}
.about_h3m2 {
padding-left: 55%;
}
.about_h3m2 span{
width:50px;
height:50px;
line-height:50px;
}
.watch_1l1 img{
min-height:373px;
}
.watch_1r{
padding:15px!important;
}
.watch_1r h2{
font-size:20px;
}
.watch_2l1 img{
min-height:150px;
}
.watch_2l2 {
padding-top: 30%;
}
.donate_1r .nav-tabs .nav-link {
padding: 10px 20px;
}
.donate_1l .font_50{
font-size:22px;
}
.minist_1i1 img{
min-height:240px;
}
.minist_1i3 p{
font-size:13px;
}
.testim_m2 {
top: -30%!important;
}
.testim_1l{
padding-left:0!important;
padding-right:0!important;
}
}
@media (min-width:992px) and (max-width:1200px) {
.carousel-caption{
bottom:40px;
}
.center_home .carousel-inner img{
max-height: 100px;
height: 100px;
}
.center_home .carousel-inner .center_hm1 img{
width: 70%;
}
.carousel-caption .font_50{
font-size:32px;
}
.carousel-caption .button_2{
padding-left:20px;
padding-right:20px;
font-size:13px;
}
.carousel-caption .button_3{
padding-left:20px;
padding-right:20px;
font-size:13px;
}
.about_h3i1l {
padding-left:20px!important;
padding-right:20px!important;
}
.watch_1l1 img{
min-height:373px;
}
.watch_1r{
padding:30px!important;
}
.watch_2l1 img{
min-height:150px;
}
.watch_2l2 {
padding-top: 25%;
}
.minist_1i1 img{
min-height:240px;
}
.minist_1i3 p{
font-size:13px;
}
.donate_1l .font_50{
font-size:36px;
}
.donate_1r .nav-tabs .nav-link {
padding: 15px 30px;
}
.testim_1l{
padding-left:0!important;
padding-right:0!important;
}
}
@media (min-width:1201px) and (max-width:1300px) {
.center_home .carousel-inner .center_hm1 img{
width: 80%;
}
.carousel-caption .font_50{
font-size:38px;
}
.watch_1r{
padding:15px!important;
}
.watch_1l1 img{
min-height:373px;
}
}
@media (min-width:1400px) and (max-width:2000px) {
.watch_1l1 img{
min-height:435px;
}
.watch_1r{
min-height:435px;
padding: 30px 85px 30px;
}
.testim_1ri {
padding-top: 28%;
}
}
.approach_1l .nav-tabs .nav-link.active {
background: none;
color: #000;
border:none;
border-bottom:3px solid #f74f22;
}
.approach_1l .nav-tabs .nav-link {
background-color: #f7f7f7;
color: #000;
border:none;
border-bottom:3px solid transparent;
padding:13px 35px;
font-size:15px;
font-weight:bold;
border-radius:0;
}
.approach_1l .nav-tabs .nav-link:hover {
color: #f74f22;
}
#reg {
background-image: url(../img/22.jpg);
background-position: center center;
background-size: cover;
}
#reg ::placeholder {
color: #fff;
opacity: 1; /* Firefox */
}
.reg_1il .input-group{
background:#2c37448a;
}
.reg_1il .form_text{
background:#2c37448a;
}
#blog_o{
padding-bottom:150px!important;
}
.bg_backo1{
padding-bottom:180px;
}
/*********************about_end****************/
@media screen and (max-width : 768px){
.about_pg1l1 {
position:static!important;
padding:0;
}
.about_pg1l1 img{
width:100%;
}
.about_pg1l4 {
position:static!important;
padding-left: 10px;
padding-top: 20px;
padding-bottom: 30px;
}
.about_pg1r{
margin-top:15px;
text-align:center;
}
.about_pg1r p{
text-align:left;
}
.about_pg1rir{
margin-top:15px;
}
.timeline h3{
font-size:15px;
}
.timeline p{
font-size:12px;
}
.timeline h6{
font-size:12px;
}
.timeline-panel{
margin-top:15px;
}
.approach_1l {
padding-top:20px!important;
text-align:center;
}
.approach_1l p{
text-align:left;
}
.approach_1l .nav-tabs .nav-link {
padding: 13px 15px;
margin-top:3px;
margin-bottom:3px;
}
#blog_o{
padding-bottom:40px!important;
}
.bg_backo1{
padding-bottom:80px;
}
#about_pg{
padding-bottom:40px;
}
}
@media (min-width:576px) and (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
.about_pg1l1{
left:0%;
}
.about_pg1l4{
right: 5%;
padding-top: 320px;
}
.approach_1l .nav-tabs .nav-link {
padding: 13px 15px;
}
.approach_1l {
padding-top:0!important;
}
#about_pg{
padding-bottom:210px;
}
}
@media (min-width:992px) and (max-width:1200px) {
.about_pg1l1{
left:0%;
}
.about_pg1l4{
right: 5%;
padding-top: 220px;
}
.approach_1l {
padding-top:0!important;
}
#about_pg{
padding-bottom:60px;
}
}
@media (min-width:1400px) and (max-width:2000px) {
#about_pg{
padding-bottom:200px;
}
}
/*** Service, Price & Team ***/
.service-item,
.price-item,
.team-item {
box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}
.service-item img,
.team-item img {
transition: .5s;
}
.service-item:hover img,
.team-item:hover img {
transform: scale(1.1);
}
.service-item a.btn-slide,
.price-item a.btn-slide,
.team-item div.btn-slide {
position: relative;
display: inline-block;
overflow: hidden;
font-size: 0;
}
.service-item a.btn-slide i,
.service-item a.btn-slide span,
.price-item a.btn-slide i,
.price-item a.btn-slide span,
.team-item div.btn-slide i,
.team-item div.btn-slide span {
position: relative;
height: 40px;
padding: 0 15px;
display: inline-flex;
align-items: center;
font-size: 16px;
color: #FFFFFF;
background: var(--primary);
border-radius: 0 35px 35px 0;
transition: .5s;
z-index: 2;
}
@media only screen and (min-width: 600px) {
.video{
max-width: 100%;
height: auto;
}
}
/*about */
.roboto-thin {
font-family: "Roboto", serif;
font-weight: 100;
font-style: normal;
}
.roboto-light {
font-family: "Roboto", serif;
font-weight: 300;
font-style: normal;
}
.roboto-regular {
font-family: "Roboto", serif;
font-weight: 400;
font-style: normal;
}
.roboto-medium {
font-family: "Roboto", serif;
font-weight: 500;
font-style: normal;
}
.roboto-bold {
font-family: "Roboto", serif;
font-weight: 700;
font-style: normal;
}
.roboto-black {
font-family: "Roboto", serif;
font-weight: 900;
font-style: normal;
}
.roboto-thin-italic {
font-family: "Roboto", serif;
font-weight: 100;
font-style: italic;
}
.roboto-light-italic {
font-family: "Roboto", serif;
font-weight: 300;
font-style: italic;
}
.roboto-regular-italic {
font-family: "Roboto", serif;
font-weight: 400;
font-style: italic;
}
.roboto-medium-italic {
font-family: "Roboto", serif;
font-weight: 500;
font-style: italic;
}
.roboto-bold-italic {
font-family: "Roboto", serif;
font-weight: 700;
font-style: italic;
}
.roboto-black-italic {
font-family: "Roboto", serif;
font-weight: 900;
font-style: italic;
}
.hednaw{
font-size: 25px;
}
.temple-name {
font-family: 'Great Vibes', cursive;
font-size: 1.8rem;
color: #9b2c7b;
}
.navbar-nav .nav-link {
font-family: 'Hind', sans-serif;
font-size: 1rem;
font-weight: 500;
color: #333;
transition: all 0.3s ease;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
color: #a83279;
background-color: rgba(168, 50, 121, 0.1);
border-radius: 0.5rem;
padding: 0.4rem 0.75rem;
}
.dropdown-menu {
font-family: 'Hind', sans-serif;
}
body{
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: normal;
}
p{
color: black;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: normal;
text-align: right!important;
}
.center_about {
background-image: url(../img/background-2.png);
background-position: center center;
background-size: cover;
}
#about_pg{
padding-bottom:90px;
}
.about_pg1l1{
z-index:1;
left:10%;
border: 5px solid #f74f22;
outline: 5px solid white;outline-offset: -10px;
}
.about_pg1l4{
right: 14%;
padding-top: 220px;
z-index: 4;
}
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 50%;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: 50%;
height: 50%;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 50px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
margin-top: -60px;
}
.timeline > li:not(.timeline-inverted) {
padding-right:90px;
}
.timeline > li.timeline-inverted {
padding-left:90px;
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -25px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-badge.primary {
background-color: #2e6da4 !important;
}
.timeline-badge.success {
background-color: #3f903f !important;
}
.timeline-badge.warning {
background-color: #f0ad4e !important;
}
.timeline-badge.danger {
background-color: #d9534f !important;
}
.timeline-badge.info {
background-color: #5bc0de !important;
}
.timeline-title {
margin-top: 0;
font-size: 25px;
color: #f74f22;
font-weight: bold;
}
.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
}
.timeline-body > p + p {
margin-top: 5px;
}
.approach_1l .nav-tabs .nav-link.active {
background: none;
color: #000;
border:none;
border-bottom:3px solid #f74f22;
}
.approach_1l .nav-tabs .nav-link {
background-color: #f7f7f7;
color: #000;
border:none;
border-bottom:3px solid transparent;
padding:13px 35px;
font-size:15px;
font-weight:bold;
border-radius:0;
}
.approach_1l .nav-tabs .nav-link:hover {
color: #f74f22;
}
#reg {
background-image: url(../img/22.jpg);
background-position: center center;
background-size: cover;
}
#reg ::placeholder {
color: #fff;
opacity: 1; /* Firefox */
}
.reg_1il .input-group{
background:#2c37448a;
}
.reg_1il .form_text{
background:#2c37448a;
}
#blog_o{
padding-bottom:150px!important;
}
.bg_backo1{
padding-bottom:180px;
}
/*********************about_end****************/
@media screen and (max-width : 768px){
.about_pg1l1 {
position:static!important;
padding:0;
}
.about_pg1l1 img{
width:100%;
}
.about_pg1l4 {
position:static!important;
padding-left: 10px;
padding-top: 20px;
padding-bottom: 30px;
}
.about_pg1r{
margin-top:15px;
text-align:center;
}
.about_pg1r p{
text-align:left;
}
.about_pg1rir{
margin-top:15px;
}
.timeline h3{
font-size:15px;
}
.timeline p{
font-size:10px;
}
.timeline h6{
font-size:12px;
}
.timeline-panel{
margin-top:15px;
}
.approach_1l {
padding-top:20px!important;
text-align:center;
}
.approach_1l p{
text-align:left;
}
.approach_1l .nav-tabs .nav-link {
padding: 13px 15px;
margin-top:3px;
margin-bottom:3px;
}
#blog_o{
padding-bottom:40px!important;
}
.bg_backo1{
padding-bottom:80px;
}
#about_pg{
padding-bottom:40px;
}
}
@media (min-width:576px) and (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
.about_pg1l1{
left:0%;
}
.about_pg1l4{
right: 5%;
padding-top: 320px;
}
.approach_1l .nav-tabs .nav-link {
padding: 13px 15px;
}
.approach_1l {
padding-top:0!important;
}
#about_pg{
padding-bottom:210px;
}
}
@media (min-width:992px) and (max-width:1200px) {
.about_pg1l1{
left:0%;
}
.about_pg1l4{
right: 5%;
padding-top: 220px;
}
.approach_1l {
padding-top:0!important;
}
#about_pg{
padding-bottom:60px;
}
}
@media (min-width:1400px) and (max-width:2000px) {
#about_pg{
padding-bottom:200px;
}
}
/*** Service, Price & Team ***/
.service-item,
.price-item,
.team-item {
box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}
.service-item img,
.team-item img {
transition: .5s;
}
.service-item:hover img,
.team-item:hover img {
transform: scale(1.1);
}
.service-item a.btn-slide,
.price-item a.btn-slide,
.team-item div.btn-slide {
position: relative;
display: inline-block;
overflow: hidden;
font-size: 0;
}
.service-item a.btn-slide i,
.service-item a.btn-slide span,
.price-item a.btn-slide i,
.price-item a.btn-slide span,
.team-item div.btn-slide i,
.team-item div.btn-slide span {
position: relative;
height: 40px;
padding: 0 15px;
display: inline-flex;
align-items: center;
font-size: 16px;
color: #FFFFFF;
background: var(--primary);
border-radius: 0 35px 35px 0;
transition: .5s;
z-index: 2;
}
/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about .about-meta {
color: black;
font-weight: 600;
margin-bottom: 1rem;
display: inline-block;
}
.about .about-title {
font-size: 1.75rem;
margin-bottom: 1rem;
line-height: 1.2;
font-weight: 700;
}
@media (max-width: 992px) {
.about .about-title {
font-size: 2rem;
}
}
.about .about-description {
margin-bottom: 2rem;
color: color-mix(in srgb, var(--default-color), transparent 20%);
}
.about .feature-list-wrapper {
margin-bottom: 2rem;
}
.about .feature-list {
list-style: none;
padding: 0;
margin: 0;
}
.about .feature-list li {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 1rem;
font-size: 1rem;
}
.about .feature-list li i {
color: var(--accent-color);
font-size: 1.25rem;
}
.about .profile .profile-image {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
}
.about .profile .profile-name {
font-size: 1.125rem;
margin: 0;
}
.about .profile .profile-position {
color: var(--accent-color);
margin: 0;
font-size: 0.875rem;
}
.about .contact-info {
padding: 1rem 1.5rem;
background-color: var(--surface-color);
border-radius: 0.5rem;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}
.about .contact-info i {
color: var(--accent-color);
font-size: 1.5rem;
}
.about .contact-info .contact-label {
color: color-mix(in srgb, var(--default-color), transparent 30%);
font-size: 0.875rem;
margin: 0;
}
.about .contact-info .contact-number {
font-weight: 600;
margin: 0;
}
.about .image-wrapper {
position: relative;
}
@media (max-width: 992px) {
.about .image-wrapper {
padding-left: 0;
margin-top: 3rem;
display: flex;
flex-direction: column;
gap: 2rem;
}
}
@media (max-width: 992px) {
.about .image-wrapper .images {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
}
@media (max-width: 992px) {
.about .image-wrapper .main-image {
margin-left: 0;
}
}
.about .image-wrapper .small-image {
position: absolute;
top: 20%;
left: -10%;
width: 45%;
border: 8px solid var(--surface-color);
}
@media (max-width: 992px) {
.about .image-wrapper .small-image {
position: static;
width: 100%;
margin: 0 auto;
border: 0;
}
}
.about .image-wrapper .experience-badge {
position: absolute;
bottom: 5%;
right: 5%;
background-color: var(--accent-color);
color: var(--contrast-color);
padding: 1.5rem;
border-radius: 0.5rem;
text-align: center;
min-width: 200px;
animation: experience-float 3s ease-in-out infinite;
}
@media (max-width: 992px) {
.about .image-wrapper .experience-badge {
position: static;
width: fit-content;
margin: 0 auto;
}
}
.about .image-wrapper .experience-badge h3 {
color: var(--contrast-color);
font-size: 2.5rem;
margin: 0;
line-height: 0.5;
}
.about .image-wrapper .experience-badge h3 span {
font-size: 1rem;
display: inline-block;
margin-left: 0.25rem;
}
.about .image-wrapper .experience-badge p {
margin: 0.5rem 0 0;
font-size: 0.875rem;
}
@keyframes experience-float {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.profile1i{
}
.icon{
width: 60px;
height: 60px;
border-radius: 15px;
text-align: center;
background-image: linear-gradient(155deg, #4C57A2 8%, #87439A 50%, #e02870 85%);
position: relative;
overflow: hidden;
&:after{
content: '';
display: block;
position: absolute;
top: 30%;
left: -60%;
width: 150%;
height: 150%;
background: radial-gradient(rgba(246, 221, 132,1) 15%,
rgba(255, 45, 45, 0.65) 50%,
rgba(0, 0, 0, 0) 70%);
}
i{
color: #fff;
font-size: 50px;
line-height: 60px;
position: relative;
z-index: 1;
}
}
.btn-social:hover{
background-color: white;
border: 1px solid white;
color: #FFAA33;
}
.btn-social li:hover{
background-color: white;
border: 1px solid white;
color: #FFAA33;
}
.backimg{
background-image: url("../img/backkkk-2.png");
background-size: cover;
}
@media only screen and (min-width: 1200px) {
.abotext{
font-size: 20px;
margin-top: 25px;
}
}
@media only screen and (max-width: 600px) {
.abotext{
font-size: 10px;
margin-top: 25px;
}
}
@media only screen and (max-width: 600px) {
.timeline > li > .timeline-panel {
width: 70%;
height: 70%;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 50px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
}
@media only screen and (max-width: 600px) {
.timeline > li > .timeline-panel {
padding: 30px;
}
}
@media only screen and (max-width: 600px) {
.timeline > li > .timeline-panel {
padding: 30px;
}
}
.tab-content{
align-items: center!important;
}
/*********************contact****************/
.center_cont {
background-image: url(../img/background-1.png);
background-position: center center;
background-size: cover;
}
.contact_1li span {
font-size:30px;
}
.contact_1li{
box-shadow: 0px 10px 50px 0px rgb(53 82 99 / 9%);
padding: 30px 20px;
}
.contact_1r{
box-shadow: 0px 10px 50px 0px rgb(53 82 99 / 9%);
padding: 30px;
}
.contact_1ril .form-control {
border-radius: 0;
border-color: #5333f212;
height: 48px;
margin-top:12px;
}
.contact_1ril .form-select {
border-radius: 0;
border-color: #5333f212;
height: 48px;
}
.contact_1ril .area {
height:150px;
}
#contact{
padding-bottom:150px!important;
}
/********************contact_end****************/
@media screen and (max-width : 767px){
.contact_1l {
text-align:center;
}
.contact_1r{
margin-top:20px;
}
.contact_1r .form-control{
margin-bottom:15px;
}
.contact_1r h6{
text-align:center;
}
#contact{
padding-bottom:40px!important;
}
}
@media (min-width:768px) and (max-width:991px) {
.contact_1li {
padding: 30px 10px;
}
.contact_1li span{
font-size:20px;
}
}
@media (min-width:992px) and (max-width:1200px) {
}
/*
Template Name: Krishna Temple
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: Website Template Licence
*/
/*********************events****************/
.center_donate{
background-image: url(../img/background-3.jpg);
background-position: center center;
background-size: cover;
}
.center_donate_dt{
background-image: url(../img/background-3.jpg);
background-position: center center;
background-size: cover;
}
.donate_dt1l2 ul li{
background:#f5e5e1;
padding:8px 30px;
border-radius:8px;
font-size:14px;
}
.donate_dt1r1i2 span{
border-radius:20px 30px 30px 0px;
}
.donate_dt1r1i2{
bottom:20px;
left:-5px;
}
.donate_dt1r1{
border-bottom:0;
border-radius:20px 20px 0px 0px;
}
.donate_dt1r2{
border-radius:0px 0px 20px 20px;
border-top:0;
}
.donate_dt1r2 .progress-bar {
background: #F9F9F9;
border-radius: 0;
}
.donate_dt1r2 .progress {
background-color: #f74f22;
height: 6px;
overflow: hidden;
border-radius: 0;
}
.donate_dt1r3i{
border-radius:0px 0px 20px 20px;
}
.donate_dt1r3 h5{
border-radius:20px 20px 0px 0px;
}
#donate{
padding-bottom:150px!important;
}
#donate_dt{
padding-bottom:150px!important;
}
.donate_dt1l1 ::placeholder {
color: #fff;
opacity: 1; /* Firefox */
}
/*********************events_end****************/
@media screen and (max-width : 767px){
#donate{
padding-bottom:40px!important;
}
#donate_dt{
width:90%!important;
padding-bottom:40px!important;
}
.donate_dt1l2 ul li{
margin-top:3px;
margin-bottom:3px;
}
#donate_dt h5{
text-align:center;
}
.donate_dt1l2i1l{
margin-top:10px;
}
.donate_dt1r{
margin-top:20px;
}
.donate_dt1r1io p{
text-align:center;
}
.donate_dt1r3ir{
margin-top:15px;
text-align:center;
}
}
@media (min-width:576px) and (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
#donate_dt{
width:100%!important;
}
.donate_dt1l2 ul li{
margin-top:3px;
margin-bottom:3px;
}
.donate_dt1r2 h6{
font-size:14px;
}
}
@media (min-width:992px) and (max-width:1200px) {
#donate_dt{
width:100%!important;
}
}
@media (min-width:1201px) and (max-width:1300px) {
.donate_dt1l2 ul li{
margin-top:3px;
margin-bottom:3px;
}
}
/*
Template Name: Krishna Temple
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: Website Template Licence
*/
/*********************events****************/
.hero {
width: 100%;
min-height: 80vh;
position: relative;
padding: 80px 0;
display: flex;
align-items: center;
justify-content: center;
color: var(--default-color);
}
.hero img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.hero:before {
content: "";
background: color-mix(in srgb, var(--background-color), transparent 60%);
position: absolute;
inset: 0;
z-index: 2;
}
.hero .container {
position: relative;
z-index: 3;
}
.hero h2 {
margin: 0;
font-size: 48px;
font-weight: 700;
}
.hero p {
color: color-mix(in srgb, var(--default-color), transparent 20%);
margin: 10px 0 0 0;
font-size: 24px;
}
.hero .btn-get-started {
font-weight: 500;
font-size: 15px;
letter-spacing: 1px;
display: inline-block;
padding: 8px 35px 10px 35px;
border-radius: 50px;
transition: 0.4s;
margin-top: 30px;
border: 2px solid var(--default-color);
color: var(--default-color);
}
.hero .btn-get-started:hover {
background: var(--accent-color);
border: 2px solid var(--accent-color);
}
@media (max-width: 768px) {
.hero h2 {
font-size: 32px;
}
.hero p {
font-size: 18px;
}
}
.header {
color: black;
background-color: white;
padding: 20px 0;
transition: all 0.5s;
z-index: 997;
}
.header .logo {
line-height: 1;
}
.header .logo img {
max-height: 36px;
margin-right: 8px;
}
.header .logo h1 {
font-size: 32px;
font-weight: 300;
margin: 0;
color: var(--heading-color);
}
.header .logo span {
color: var(--accent-color);
font-weight: 400;
font-size: 34px;
margin-left: 2px;
}
.header .btn-getstarted,
.header .btn-getstarted:focus {
color: var(--contrast-color);
background: var(--accent-color);
font-size: 14px;
padding: 8px 26px;
margin: 0;
border-radius: 4px;
transition: 0.3s;
}
.header .btn-getstarted:hover,
.header .btn-getstarted:focus:hover {
color: var(--contrast-color);
background: color-mix(in srgb, var(--accent-color), transparent 15%);
}
@media (max-width: 1200px) {
.header .logo {
order: 1;
}
.header .btn-getstarted {
order: 2;
margin: 0 15px 0 0;
padding: 6px 20px;
}
.header .navmenu {
order: 3;
}
}
.scrolled .header {
box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 1200px) {
.navmenu {
padding: 0;
}
.navmenu ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}
.navmenu li {
position: relative;
}
.navmenu>ul>li {
white-space: nowrap;
padding: 15px 14px;
}
.navmenu>ul>li:last-child {
padding-right: 0;
}
.navmenu a,
.navmenu a:focus {
color: black;
font-size: 25px;
padding: 0 2px;
font-family: var(--nav-font);
font-weight: 400;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
transition: 0.3s;
position: relative;
}
.navmenu a i,
.navmenu a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
transition: 0.3s;
}
.navmenu>ul>li>a:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -6px;
left: 0;
background-color: var(--nav-hover-color);
visibility: hidden;
width: 0px;
transition: all 0.3s ease-in-out 0s;
}
.navmenu a:hover:before,
.navmenu li:hover>a:before,
.navmenu .active:before {
visibility: visible;
width: 100%;
}
.navmenu li:hover>a,
.navmenu .active,
.navmenu .active:focus {
color: var(--nav-hover-color);
}
.navmenu .dropdown ul {
margin: 0;
padding: 10px 0;
background: var(--nav-dropdown-background-color);
display: block;
position: absolute;
visibility: hidden;
left: 14px;
top: 130%;
opacity: 0;
transition: 0.3s;
border-radius: 4px;
z-index: 99;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.navmenu .dropdown ul li {
min-width: 200px;
}
.navmenu .dropdown ul a {
padding: 10px 20px;
font-size: 15px;
text-transform: none;
color: var(--nav-dropdown-color);
}
.navmenu .dropdown ul a i {
font-size: 12px;
}
.navmenu .dropdown ul a:hover,
.navmenu .dropdown ul .active:hover,
.navmenu .dropdown ul li:hover>a {
color: var(--nav-dropdown-hover-color);
}
.navmenu .dropdown:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
}
.navmenu .dropdown .dropdown ul {
top: 0;
left: -90%;
visibility: hidden;
}
.navmenu .dropdown .dropdown:hover>ul {
opacity: 1;
top: 0;
left: -100%;
visibility: visible;
}
}
/* Mobile Navigation */
@media (max-width: 1199px) {
.mobile-nav-toggle {
color: var(--nav-color);
font-size: 28px;
line-height: 0;
margin-right: 10px;
cursor: pointer;
transition: color 0.3s;
}
.navmenu {
padding: 0;
z-index: 9997;
}
.navmenu ul {
display: none;
list-style: none;
position: absolute;
inset: 60px 20px 20px 20px;
padding: 10px 0;
margin: 0;
border-radius: 6px;
background-color: var(--nav-mobile-background-color);
border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
box-shadow: none;
overflow-y: auto;
transition: 0.3s;
z-index: 9998;
}
.navmenu a,
.navmenu a:focus {
color: var(--nav-dropdown-color);
padding: 10px 20px;
font-family: var(--nav-font);
font-size: 17px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
transition: 0.3s;
}
.navmenu a i,
.navmenu a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
}
.navmenu a i:hover,
.navmenu a:focus i:hover {
background-color: var(--accent-color);
color: var(--contrast-color);
}
.navmenu a:hover,
.navmenu .active,
.navmenu .active:focus {
color: var(--nav-dropdown-hover-color);
}
.navmenu .active i,
.navmenu .active:focus i {
background-color: var(--accent-color);
color: var(--contrast-color);
transform: rotate(180deg);
}
.navmenu .dropdown ul {
position: static;
display: none;
z-index: 99;
padding: 10px 0;
margin: 10px 20px;
background-color: var(--nav-dropdown-background-color);
transition: all 0.5s ease-in-out;
}
.navmenu .dropdown ul ul {
background-color: rgba(33, 37, 41, 0.1);
}
.navmenu .dropdown>.dropdown-active {
display: block;
background-color: rgba(33, 37, 41, 0.03);
}
.mobile-nav-active {
overflow: hidden;
}
.mobile-nav-active .mobile-nav-toggle {
color: #fff;
position: absolute;
font-size: 32px;
top: 15px;
right: 15px;
margin-right: 0;
z-index: 9999;
}
.mobile-nav-active .navmenu {
position: fixed;
overflow: hidden;
inset: 0;
background: rgba(33, 37, 41, 0.8);
transition: 0.3s;
}
.mobile-nav-active .navmenu>ul {
display: block;
}
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
.center_event {
background-image: url(../img/background-3.jpg);
background-position: center center;
background-size: cover;
}
.event_1i2{
width:90%;
left:5%;
bottom:-15%;
border-radius:20px 0px 20px 20px;
}
.event_1i3{
width:90%;
bottom:32%;
right:5%;
}
.event_1i3 span{
line-height:1.4em;
width:60px;
border-radius:20px 20px 0px 0px;
}
.event_1o{
margin-top:70px!important;
}
.center_event_dt {
background-image: url(../img/3.jpg);
background-position: center center;
background-size: cover;
}
.event_dt1l1l h5 span{
width:60px;
height:70px;
line-height:70px;
border-radius:0px 0px 30px 30px;
}
.event_dt1r1 ul li a{
width:35px;
height:35px;
line-height:35px;
background:#022147;
color:#fff;
font-size:14px;
border-radius:50%;
transition: 0.3s;
}
.event_dt1r1 ul li a:hover{
background:#f74f22;
}
#event{
padding-bottom:150px!important;
}
#event_dt{
padding-bottom:150px!important;
}
/*********************events_end****************/
@media screen and (max-width : 767px){
.event_1i1 img{
min-height:240px;
}
.event_1i2 h5{
font-size:16px;
}
.event_1i2 {
bottom:0;
text-align:center;
}
.event_1i3 {
top:0;
}
.event_1i {
margin-top:15px;
}
.event_1o{
margin-top:20px!important;
}
#event{
padding-bottom:40px!important;
}
.event_dt1l1l {
margin-top:15px;
}
#event_dt{
width:90%!important;
}
#event_dt h2{
text-align:center;
}
.event_dt1r{
margin-top:20px;
}
#event_dt{
padding-bottom:40px!important;
}
}
@media (min-width:576px) and (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
.event_1i1 img{
min-height:240px;
}
.event_1i2 h5{
font-size:16px;
}
.event_1i2 {
bottom:0;
}
.event_1i3 {
top:0;
}
.event_1o{
margin-top:30px!important;
}
#event_dt{
width:100%!important;
}
}
@media (min-width:992px) and (max-width:1200px) {
.event_1i1 img{
min-height:240px;
}
#event_dt{
width:100%!important;
}
}
@media (min-width:1400px) and (max-width:2000px) {
.event_1i3 {
bottom: 25%;
}
}
@media only screen and (max-width: 600px) {
.event_1i1 img{
max-width: 450%;
width: 99%;
}
}