html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
* {
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
table {
border-collapse: collapse;
}
caption {
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
html,body{
scroll-behavior: smooth;
}
#wrapper{
min-width: 100%;
min-height: 100%;
}
.container{
width: 1470px;
margin: 0 auto;
padding: 0 15px;
}
body{
font-family: "Merriweather", serif;
font-size: 15px;
line-height: 26px;
color: #4e4e4e;
max-width: 100vw;
overflow-x: hidden;
}
ul{
list-style: none;
}
a{
color: #182765;
text-decoration: none;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
display: inline-block;
}
a:focus,
a:hover{
outline: none;
color: #ff6600;
}
img{
display: block;
max-width: 100%;
}
h1,.h1{
font-size: 72px;
line-height: 1.4;
font-weight: 700;
}
.h1{
font-size: 50px;
line-height: 1.4;
font-weight: 700;
}
h2{
font-size: 40px;
line-height: 1.4;
font-weight: 700;
}
h3{
font-size: 30px;
line-height: 1.4;
font-weight: 600;
}
h4{
font-size: 20px;
line-height: 28px;
font-weight: 600;
}
h5{
font-size: 16px;
font-weight: 600;
}
h6{
font-size: 15px;
font-weight: 600;
}
.btn {
font-family: "Merriweather", serif;
background: #f36f21;
color: #fff;
cursor: pointer;
border: 1px solid #f36f21;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
display: inline-block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 25px;
line-height: 50px;
text-align: center;
border-radius: 150px;
font-weight: 600;
text-transform: capitalize;
}
.btn:hover{
background: #983c14;
border-color: #983c14;
color: #fff;
}
.btn_outline{
background: #fff;
color: #c12025;
}
.btn_outline:hover{
background: #c12025;
border-color: #c12025;
color: #fff;
}
.btn_white{
background: #fff;
border: 1px solid #fff;
color: #ff7a03;
}
.btn_white:hover{
background: #ff7a03;
border-color: #ff7a03;
color: #fff;
}
.btn_merun{
background: #983c14;
border: 1px solid #983c14;
color: #fff;
}
.btn_merun:hover{
background: #f36f21;
border-color: #f36f21;
color: #fff;
}
.form_group {
margin-bottom: 10px;
}
.form_control {
width: 100%;
display: block;
border: 1px solid #b7b7b7;
border-radius: 4px;
height: 45px;
padding: 0 20px;
font-family: "Merriweather", serif;
font-size: 14px;
line-height: 44px;
font-weight: 500;
color: #000;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.form_group label{
font-size: 15px;
line-height: 1;
margin-bottom: 10px;
font-weight: bold;
display: block;
color: #000;
}
.form_control:focus{
outline: none;
border: 1px solid #f36f21;
}
.form_control.btn{
min-width: auto;
-webkit-box-flex: 0;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
max-width: 110px;
border-radius: 0;
}
.form_row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
}
.w_50{
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 10px);
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
}
.w_100{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.form_btn{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #b1b1b1;
-webkit-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
::-moz-placeholder { /* Firefox 19+ */
color: #b1b1b1;
-moz-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
:-ms-input-placeholder { /* IE 10+ */
color: #b1b1b1;
-ms-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
:-moz-placeholder { /* Firefox 18- */
color: #b1b1b1;
-moz-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.form_control:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: transparent;
}
.form_control:focus::-moz-placeholder { /* Firefox 19+ */
color: transparent;
}
.form_control:focus:-ms-input-placeholder { /* IE 10+ */
color: transparent;
}
.form_control:focus:-moz-placeholder { /* Firefox 18- */
color: transparent;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type=number]{
-moz-appearance: textfield;
}
label.error {
display: none !important;
}
.form_control.error{
border-color: red !important;
color: red;
}
label.error{
display: none !important;
}
.form_control.error::-webkit-input-placeholder{
color: red;
}
.form_control.error::-moz-placeholder{
color: red;
}
.form_control.error:-ms-input-placeholder{
color: red;
}
.form_control.error::-ms-input-placeholder{
color: red;
}
.form_control.error::placeholder{
color: red;
}
textarea.form_control{
height: 96px;
resize: none;
}
.sm{
margin: 20px 0;
}
/*menu toggle*/
.menu_toggle {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
margin: 0 0 0 20px;
display: none;
}
.menu_toggle span {
margin: 0 auto;
position: relative;
top: 15px;
}
.menu_toggle span:before, .menu_toggle span:after {
position: absolute;
content: '';
}
.menu_toggle span, .menu_toggle span:before, .menu_toggle span:after {
width: 100%;
height: 2px;
background-color: #fff;
display: block;
}
.menu_toggle span:before {
margin-top: 10px;
}
.menu_toggle span:after {
margin-top: -10px;
}
/* --- btn --- */
.menu_toggle span {
-webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;
-webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;
}
.menu_toggle.active span {
background-color: rgba(0,0,0,0.0);
-webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;
}
.menu_toggle span:before {
-webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; -o-transition-property: margin, transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform;
-webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s;
-webkit-transition-delay: 0.2s, 0s; -o-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
.menu_toggle.active span:before {
margin-top: 0;
-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
-webkit-transition-delay: 0s, 0.2s; -o-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
.menu_toggle span:after {
-webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; -o-transition-property: margin, transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform;
-webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s;
-webkit-transition-delay: 0.2s, 0s; -o-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
.menu_toggle.active span:after {
margin-top: 0;
-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
-webkit-transition-delay: 0s, 0.2s; -o-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
.slick-dots li button:before {
font-size: 50px;
opacity: 1;
color: #fff;
}
.slick-dots li.slick-active button:before {
font-size: 50px;
opacity: 1;
color: #0a238b;
}
.slick-arrow {
width: 46px;
height: 46px;
left: 0;
background: #fff;
border:1px solid #c7ceed;
border-radius: 50%;
background: #fff url(../images/down-arrow.png) no-repeat center !important;
z-index: 99;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.slick-arrow:hover{
border-color: #e86208;
}
.slick-next {
left: auto;
right: 0;
background-image: url(../images/down-arrow-2.png) !important;
}
.slick-arrow.slick-disabled {
opacity: 0.5;
cursor: not-allowed;
}
.slick-prev:before, .slick-next:before{
display: none;
}
.mobile_nav{
display: none;
}
header{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
background: #fff;
}
.header_top{
padding: 15px 0;
background: #fff;
}
.ht_in{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ht_mid ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ht_mid ul li{
padding: 0 30px;
}
.ht_mid ul li + li{
border-left: 1px solid #ccc;
}
.ht_rht{
display: none;
}
.ht_rht ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 20px;
}
.ht_rht ul li a svg{
width: 40px;
height: 40px;
}
.ht_mid span{
font-size: 14px;
line-height: 22px;
color: #182765;
display: block;
}
.ht_mid a{
font-size: 18px;
line-height: 26px;
font-weight: bold;
}
.ht_rht a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #c12025;
font-size: 16px;
font-weight: 500;
}
.ht_rht a svg{
fill: #182765;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.ht_rht a:hover svg{
fill: #f36f21;
}
.visible-mb{
display: none;
}
header nav{
background: #f36f21;
}
header nav ul{
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
}
header nav ul a{
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: #fff;
padding: 18px;
}
header nav ul a.active{
color: #983c14;
}
header nav ul li.dropdown.open a,
header nav ul a:hover{
color: #983c14;
background: #983c14;
color: #fff;
}
header nav ul li{
position: relative;
}
header nav ul a.dropdown_btn{
padding-right: 50px;
position: relative;
}
.dropdown_btn:after{
content: "";
width: 20px;
height: 12px;
background: url(../images/arrow_down.png) no-repeat center / contain;
margin-left: 10px;
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
header nav ul .dropdown.open a.dropdown_btn:after,
header nav ul .dropdown:hover a.dropdown_btn:after{
background: url(../images/arrow_up.png) no-repeat center / contain;
}
.banner{
position: relative;
background: #000;
overflow: hidden;
}
.banner_img{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.banner_img img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
display: block;
}
.banner_content{
min-height: 840px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 999;
}
.bc_in{
max-width: 1000px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 15px;
}
.bc_in p{
font-size: 16px;
}
.banner_shape{
position: absolute;
left: 0;
right: 0;
bottom: -2px;
z-index: 99;
}
.about_us{
padding: 100px 0;
overflow: hidden;
position: relative;
}
.au_shape{
position: absolute;
left: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.au_shape_rht{
left: auto;
right: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.abu_in{
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.abu_lft{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
gap: 15px;
background: url(../images/shape_1.png) no-repeat right top / contain;
}
.abu_lft img{
border-radius: 20px;
}
.abu_rht{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 30px;
}
.sec_title{
font-size: 16px;
color: #c12025;
margin-bottom: 10px;
display: block;
}
.abu_rht h2{
margin-bottom: 20px;
}
.absc_in{
padding-left: 50px;
}
.absc_in p{
margin-bottom: 20px;
}
.absc_in ul{
margin-bottom: 20px
}
.coustom_list li{
padding-left: 30px;
background: url(../images/chek.png) no-repeat left top 3px;
margin-bottom: 10px;
}
.abu_rht a{
color: #983c14;
}
.abu_rht a:hover{
color: #f36f21;
}
.our_stats {
margin-top: 30px;
}
.our_stats ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
}
.our_stats ul li{
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
max-width: 300px;
background: #fef0e8;
border-radius: 20px;
min-height: 120px;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.our_stats ul li span{
font-size: 40px;
line-height: 1;
font-weight: 300;
}
.our_stats ul li:nth-child(2){
background: #f5e1e1;
}
.our_stats ul li p{
position: relative;
}
.our_stats ul li:first-child p:before{
content: url(../images/heart.png);
position: absolute;
top: -18px;
right: 15px;
}
.our_programms{
background: #f9eeef;
padding: 70px 0;
overflow: hidden;
}
.ed_blk{
overflow: hidden;
}
.ed_blk .au_shape{
left: auto;
right: 0;
}
.op_in{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.op_lft,.op_rht{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.op_lft{
padding: 0 10px 0 70px;
}
.op_rht{
padding: 0 70px 0 10px;
}
.op_lft h2{
margin-bottom: 30px;
}
.op_list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.op_card{
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 10px);
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
}
.op_card a{
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background: #fff;
border-radius: 20px;
padding: 30px;
color: #000;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
-o-transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
}
.op_card img{
margin-bottom: 20px;
}
.op_card h4{
margin-bottom: 10px;
}
.op_card a:hover {
-webkit-box-shadow: 0 0 4px rgba(15, 17, 20, 0.05), 0 4px 12px 4px rgba(15, 17, 20, 0.1);
box-shadow: 0 0 4px rgba(15, 17, 20, 0.05), 0 4px 12px 4px rgba(15, 17, 20, 0.1);
}
.op_card p{
font-size: 14px;
line-height: 22px;
font-weight: 300;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
-o-transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
}
.op_readmore{
color: #983c14;
}
.op_readmore:hover{
color: #f36f21;
}
.op_readmore:hover{
padding-left: 20px;
}
.op_readmore:after{
content: url(../images/right-arrow.png);
display: inline-block;
margin-left: 20px;
}
.op_readmore span{
color: #000;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
-o-transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
}
.op_readmore:hover span{
color: #c12025;
}
.edb_in{
height: 680px;
padding: 50px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.edb_lft{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 40px;
padding: 30px 70px;
background: url(../images/shape_2.png) right center / contain;
}
.edb_img img{
border-radius: 20px;
}
.edb_img:nth-child(3){
margin-top: 100px;
}
.edb_rht{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 15px;
padding: 30px 120px 30px 70px;
}
.edb_rht .btn{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
min-width: auto;
width: auto;
}
.edb_rht svg{
width: 20px;
height: 20px;
fill: #fff;
}
.our_programms .sec_title,
.edb_rht h4{
color: #f36f21;
}
.calculation_blk{
position: relative;
}
.calculation_blk{
}
.banner_img:after,
.calculation_blk .banner_img:after{
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
opacity: 0.5;
}
.hb_banner .banner_img:after{
background: -o-linear-gradient(left, #983c14,transparent);
background: -webkit-gradient(linear, left top, right top, from(#983c14),to(transparent));
background: linear-gradient(to right, #983c14,transparent);
opacity: 0;
}
.gallery_blk{
padding: 70px 0 0;
text-align: center;
}
.gallery_list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 50px 0 0;
}
.gi_img{
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
height: 303px;
}
.gi_img img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
.w_25{
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.w_15{
-webkit-box-flex: 0;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
}
.news_evnets{
position: relative;
overflow: hidden;
padding: 100px 0 180px;
background: url(../images/shape_5.png) no-repeat center;
}
.ne_list{
margin: 50px 0 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: 32% 30px 32% 30px 32%;
grid-template-columns: 32% 32% 32%;
gap: 30px;
}
.news_Card:first-child{
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 2;
grid-row-end: 3;
overflow: hidden;
}
.news_Card {
overflow: hidden;
border-radius: 15px;
}
.news_Card a{
display: block;
position: relative;
background: #000;
height: 235px;
border-radius: 15px;
overflow: hidden;
}
.news_Card a > img{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.nc_cnt{
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background: rgba(0, 0, 0, 0.3);
color: #fff;
position: relative;
z-index: 1;
padding: 20px;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
overflow: hidden;
}
.news_Card:first-child a{
height: 503px;
}
.ncc_in > *{
font-size: 16px;
line-height: 26px;
font-weight: 600;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.news_Card:hover .nc_cnt{
background: rgba(243, 111, 33, 0.5);
}
.news_Card:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.news_Card:first-child .nc_cnt{
background-image: -o-linear-gradient(bottom, #f36f21 5%, rgba(0, 0, 0, 0) 50%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(5%, #f36f21), color-stop(50%, rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, #f36f21 5%, rgba(0, 0, 0, 0) 50%);
}
.news_Card:first-child:hover{
background-image: -o-linear-gradient(bottom, #f36f21 5%, rgba(0, 0, 0, 0) 50%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(5%, #f36f21), color-stop(50%, rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, #f36f21 5%, rgba(0, 0, 0, 0) 50%);
}
.ncc_in{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
}
.ncc_in p{
font-weight: 600;
}
.sm ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sm li{
margin: 0 10px 0 0;
}
.sm a{
-webkit-box-flex: 0;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border:2px solid #ff6600;
border-radius: 50%;
}
.sm a svg{
width: 20px;
height: 20px;
fill: #ff6600;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.sm a:hover{
background: #ff6600;
}
.sm a:hover svg{
fill: #fff;
}
.sm{
margin-top: 20px;
}
footer{
background: #000 url(../images/img_21.jpg) no-repeat center top / cover;
color: #fff;
padding-top: 30px;
position: relative;
overflow: hidden;
}
.news_evnets .container,
footer .container{
position: relative;
z-index: 1;
}
.footer_shape{
position: absolute;
right: 0;
bottom: 0;
top: 0;
}
.footer_shape img{
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: top;
object-position: top;
}
footer > *{
position: relative;
z-index: 1;
}
footer:after{
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
opacity: 0.88;
}
footer a{
color: #fff;
}
.logo{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.footer_logo img {
-webkit-filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(0%) hue-rotate(191deg) brightness(103%) contrast(102%);
filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(0%) hue-rotate(191deg) brightness(103%) contrast(102%);
}
.footer_in{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 0 30px;
}
.footer_lft{
max-width: 470px;
/*padding: 40px 0 0;*/
}
.footer_lft h3{
margin-bottom: 15px;
}
.footer_lft p{
margin-bottom: 30px;
}
.footer_lft ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 5px;
}
.footer_lft ul li{
color: #ff6600;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
address h4{
margin-bottom: 10px;
}
address p{
margin-bottom: 20px;
}
.quick_links ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
}
.fb_in{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
}
.ne_foot{
text-align: right;
margin-top: 20px;
}
.backdrop {
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: 0.6;
z-index: 999;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
display: none;
}
.backdrop.open {
visibility: visible;
opacity: 1;
}
.menu_close {
position: absolute;
top: 15px;
right: 20px;
max-width: 30px;
display: none;
}
.menu_close svg {
width: 100%;
height: 100%;
}
body.overflow{
height: 100vh;
overflow: hidden;
}
.spinner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100vh;
width: 100vw;
z-index: 999999;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
}
/*******************\ Loading Roller \*******************/
@-webkit-keyframes lds-roller {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lds-roller {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lds-roller {
position: relative;
display: inline-block;
height: 64px;
width: 64px;
}
.lds-roller div {
-webkit-animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-webkit-transform-origin: 32px 32px;
-ms-transform-origin: 32px 32px;
transform-origin: 32px 32px;
}
.lds-roller div:after {
position: absolute;
display: block;
background: #f36f21;
border-radius: 50%;
content: " ";
margin: -3px 0 0 -3px;
height: 6px;
width: 6px;
}
.lds-roller div:nth-child(1) {
-webkit-animation-delay: -0.036s;
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 50px;
left: 50px;
}
.lds-roller div:nth-child(2) {
-webkit-animation-delay: -0.072s;
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 54px;
left: 45px;
}
.lds-roller div:nth-child(3) {
-webkit-animation-delay: -0.108s;
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 57px;
left: 39px;
}
.lds-roller div:nth-child(4) {
-webkit-animation-delay: -0.144s;
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 58px;
left: 32px;
}
.lds-roller div:nth-child(5) {
-webkit-animation-delay: -0.18s;
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 57px;
left: 25px;
}
.lds-roller div:nth-child(6) {
-webkit-animation-delay: -0.216s;
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 54px;
left: 19px;
}
.lds-roller div:nth-child(7) {
-webkit-animation-delay: -0.252s;
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 50px;
left: 14px;
}
.lds-roller div:nth-child(8) {
-webkit-animation-delay: -0.288s;
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 45px;
left: 10px;
}
.join_army {
margin-right: 50px;
}
.join_army a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
color: #ff6600;
font-size: 20px;
line-height: 32px;
font-weight: bold;
}
.join_army a span{
font-size: 20px;
line-height: 32px;
font-weight: 300;
color: #ff6600;
}
.ht_mid ul li:nth-child(2){
border-left: none;
}
.join_army a:hover{
color: #182765;
}
.voiceOfShivaji {
position: relative;
z-index: 99;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
gap: 10px;
min-height: 762px;
padding: 100px 0;
color: #fff;
}
.music_btn,
.voiceOfShivaji .btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
border-radius: 6px;
}
.music_btn svg path,
.voiceOfShivaji .btn svg path{
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.music_btn svg,
.voiceOfShivaji .btn svg{
-webkit-box-flex: 0;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
height: 30px;
width: 30px;
}
.music_btn:hover svg path,
.voiceOfShivaji .btn:hover svg path{
fill: #fff !important;
stroke: #fff !important;
}
address a{
color: #faa21b;
}
.copyRights{
color: #fff;
}
.address{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
.header .dropdown_btn{
}
.dropdown_menu {
z-index: 999;
position: absolute;
top: 100%;
left: 0;
width: 250px;
max-width: none;
padding: 20px;
background: #983c14;
border-radius: 0 0 10px 10px;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
visibility: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 10px;
}
.dropdown:hover .dropdown_menu{
visibility: visible;
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.dropdown_menu li {
padding: 0 !important;
}
.dropdown_menu li a {
padding: 0;
height: auto;
color: #fff;
text-align: left;
display: block;
position: relative;
font-weight: 400;
border-radius: 0;
background: none !important;
border: none;
}
.dropdown:hover a{
background: #983c14;
}
.dropdown_menu li a:hover {
color: #faa21b;
}
.bc_2{
min-height: auto !important;
height: 400px;
}
.abul2{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.histroty{
margin-top: 20px
}
.histroty h4{
color: #f36f21;
}
.histroty ul{
margin-top: 10px;
}
.histroty ul li{
padding: 20px 0;
border-bottom: 1px solid #b7b7b7;
}
.histroty ul li:last-child{
border:none;
}
.histroty ul li h5{
font-weight: bold;
}
b,strong{
font-weight: bold;
}
.key_features{
background: #fcf1eb;
padding: 80px 0;
position: relative;
overflow: hidden;
}
.key_features h2{
color: #f36f21;
margin-bottom: 20px;
}
.kf_list{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.col_br{
-webkit-column-break-after:always;
}
.kf_list h6{
font-size: 16px;
line-height: 26px;
font-weight: 700;
}
.kf_list > li + li{
margin-top: 20px;
}
.key_featureTxt ul{
padding-left: 20px;
}
.key_featureTxt{
margin-bottom: 20px;
}
.kf_imgs{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
}
.kf_imgs img{
border-radius: 20px;
}
.key_features .container{
position: relative;
z-index: 1;
}
del{
-webkit-text-decoration-color: ;
text-decoration-color: ;
}
.histroty_list{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.key_features2 h6,
.key_features2 h4{
color: #f36f21;
font-weight: 700;
margin-bottom: 10px;
}
.key_features2 h6{
color: #000;
margin-top: -10px;
}
.histroty_item{
margin-bottom: 30px;
}
.histroty_item img{
width: calc(100% - 20px);
display: block;
margin-left: 20px;
border-radius: 20px;
}
.histroty_item ul li{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 5px;
}
.histroty_item ul li span{
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
font-weight: 600;
}
.abu_rht .histroty_list{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.abu_rht .histroty_list *{
color: #000;
}
.about_dm h6{
font-weight: 600;
color: #000;
}
.about_dm > p{
margin-bottom: 30px;
}
.about_dm_blk .abul2{
height: 820px;
}
.text_orange{
color: #f36f21 !important;
}
.btn2{
border-radius: 8px;
}
.hss_blk{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 50px;
}
.hss_blk > *{
width: 100%;
}
.hss_rht{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.hss_img{
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
height: 244px;
overflow: hidden;
border-radius: 20px;
background: #000;
}
.hss_img img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hss_img:nth-child(2){
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(40% - 10px);
flex: 0 0 calc(40% - 10px);
max-width: calc(40% - 10px);
}
.hss_img:nth-child(n+3){
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
height: auto;
max-width: 100%;
}
.hss_lft h4{
margin-bottom: 30px;
}
.hss_lft h6{
margin-bottom: 20px;
}
.hss_lft p{
color: #000;
margin-bottom: 20px;
}
.about_dm_blk {
padding: 50px 0 20px;
}
.hss_blk2 .hss_lft h4{
color: #000;
margin-bottom: 5px;
font-weight: bold;
}
.hss_blk2 .hss_lft .mc_list > ul{
margin-bottom: 20px;
}
.hss_blk2 .hss_lft p{
margin-bottom: 0;
font-weight: bold;
}
.hss_blk2 .hss_lft .mc_list ul li ul{
padding-left: 35px;
}
.hss_blk2 .hss_lft h4.text_secondary{
color: #4e4e4e;
}
.fp_list{
padding-left: 15px;
}
.fp_list b{
font-weight: bold;
}
.about_us.amc_blk {
padding: 50px 0;
}
.amc_blk .abu_lft{
display: block;
padding: 140px 20px 20px 0;
}
.amc_blk .abu_rht{
padding: 0 0 0 20px;
}
.amc_blk .abu_rht h4{
margin-bottom: 10px;
font-weight: bold;
color: #000;
}
.amc_blk .abu_rht p{
margin-bottom: 20px;
}
.mc_list li{
line-height: 30px;
}
.amc_blk .abu_rht .mc_list > ul{
list-style: upper-alpha;
padding-left: 20px;
font-weight: bold;
}
.amc_blk .abu_rht .mc_list p{
margin-bottom: 0;
font-weight: bold;
color: #000;
}
.amc_blk .abu_rht .mc_list > ul li{
font-weight: bold;
}
.amc_blk .abu_rht .mc_list > ul li li{
font-weight: 400;
}
.benfits_impact{
background: #fff;
border:1px solid #b7b7b7;
border-radius: 20px;
margin-top: 20px;
padding: 30px;
}
.benfits_impact h4{
color: #f36f21;
margin-bottom: 10px;
}
.benfits_impact ul{
margin-bottom: 30px;
}
.benfits_impact li{
line-height: 34px;
color: #000;
}
.about_anandanam .abu_rht .aa_list *{
color: #000;
}
.about_anandanam .abu_rht ul{
margin-bottom: 30px;
}
.jam_btn{
margin-top: 30px;
}
.pl_3{
padding-left: 30px;
}
.sp_list h5{
font-size: 18px;
font-weight: 600;
}
.sp_list h5 + p{
color: #4e4e4e;
}
.as_in{
max-width: 1120px;
margin: auto;
}
.about_spritual{
padding: 140px 0 60px;
background: url(../images/shape_7.png) no-repeat center top;
text-align: center;
}
.as_imgs{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 15px;
margin-bottom: 30px;
}
.asi img{
border-radius: 20px ;
}
.asi:nth-child(3){
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: -20px;
}
.as_in h2{
color: #f36f21;
margin-bottom: 10px;
}
.members_blk{
position: relative;
padding: 100px 0 70px;
border-bottom: 1px solid #b7b7b7;
overflow: hidden;
}
.members_list{
margin: 40px -15px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.members_card{
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(25% - 30px);
flex: 0 0 calc(25% - 30px);
max-width: calc(25% - 30px);
margin: 15px;
text-align: center;
background: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
border-radius: 15px;
padding: 30px;
transition: 0.4s all ease-in-out;
}
.members_img{
display: block;
width: 210px;
height: 210px;
margin: 0 auto 30px;
background: #fff;
border: 1px solid #fff1de;
border-radius: 50%;
padding: 10px;
transition: 0.4s all ease-in-out;
position: relative;
}
.members_img:after{
content: '';
position: absolute;
right: 15px;
bottom: 15px;
width: 20px;
height: 20px;
background: #00c787;
border-radius: 50%;
box-shadow: 0 0 5px #fff;
}
.members_img img{
width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.members_card h5{
font-size: 18px;
line-height: 26px;
font-weight: 600;
transition: 0.4s all ease-in-out;
}
.members_card h5{
margin-bottom: 10px;
}
.members_card span{
background: #fff1de;
border-color: #fff1de;
font-weight: 400;
color: #f36f21;
}
.members_card:hover {
box-shadow: 0 0 30px #fde5c4;
}
.members_card:hover span,
.members_card span:hover{
background: #f36f21;
border-color: #f36f21;
color: #fff;
}
.members_card:hover .members_img{
box-shadow: 0 0 70px #f36f21;
}
.members_card:hover h5{
color: #f36f21;
}
.sec_foot{
margin-top: 30px;
text-align: right;
}
.mb_head h2{
color: #f36f21;
}
.mb_head{
max-width: 50%;
}
.music_btn {
border-color: #b7b7b7;
color: #000;
}
.music_btn:hover{
border-color: #f36f21;
}
.music_btn svg{
-webkit-box-flex: 0;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
height: 30px;
width: 30px;
}
.murals_list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 30px -10px 0;
position: relative;
z-index: 1;
}
.murals_card{
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 3 - 20px);
flex: 0 0 calc(100% / 3 - 20px);
max-width: calc(100% / 3 - 20px);
margin: 10px 10px 20px;
}
.murals_card > .btn{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.murals_card .mc_img{
height: 300px;
background: #000;
border-radius: 20px;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 15px;
}
.murals_card .mc_img:after{
content:'';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #f36f21;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.murals_card p{
margin-bottom: 15px;
color: #000;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.murals_card .mc_img img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.murals_card a:hover .mc_img img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.murals_card a:hover .mc_img:after{
visibility: visible;
opacity: 0.6;
}
.murals_card a:hover p{
color: #f36f21;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 99999999;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
background: rgba(255, 255, 255, 0.9);
}
.modal.show {
visibility: visible;
opacity: 1;
overflow: auto;
}
.modal .modal-dialog {
-webkit-transform: translate(0, -50px);
-ms-transform: translate(0, -50px);
transform: translate(0, -50px);
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
-o-transition: transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: calc(100% - 60px);
margin: 30px auto;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
overflow: auto;
}
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
color: #000;
pointer-events: auto;
background-clip: padding-box;
border-radius: 20px;
outline: 0;
width: 1062px;
max-width: 1062px;
max-height: 100%;
overflow: hidden;
background-color: #fff;
-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
}
.modal-body {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 30px;
overflow: auto;
}
.modal-body .murals_card{
max-width: 100%;
text-align: center;
margin: 0;
}
.modal-body .murals_card .mc_img{
height: auto;
}
.modal-body .murals_card p{
text-align: left;
}
.gwtab{
display: none;
}
.gwtab:first-child{
display: block;
}
.gallery_wrapper {
padding: 70px 0 180px;
position: relative;
overflow: hidden;background: #fff;
}
.gallery_wrapper .container{
position: relative;
z-index: 1;
}
.gw_head{
max-width: 830px;
text-align: center;
margin: 0 auto 30px;
}
.gw_head h2{
color: #f36f21;
margin-bottom: 10px;
}
.gw_head p{
color: #000;
}
.gw_in{
border-top: 1px solid #b7b7b7;
}
.gw_tabs ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 50px;
padding: 10px 0;
}
.gw_tabs a{
font-size: 16px;
padding: 10px;
color: #000;
text-transform: capitalizea;
border-bottom: 3px solid transparent;
}
.gw_tabs a.active{
font-weight: bold;
color: #f36f21;
border-color: #f36f21;
}
.gallery_list_blk {
display: -ms-grid;
display: grid;
-ms-grid-columns: 32% 20px 32% 20px 32%;
grid-template-columns: 32% 32% 32%;
gap: 20px;
margin-top: 30px;
}
.gallery_item:first-child {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 2;
grid-row-end: 3;
overflow: hidden;
}
.gallery_item a{
height: 100%;
display: block;
border-radius: 15px;
background: #ccc;
overflow: hidden;
position: relative;
}
.gallery_item a:before,
.gallery_item a:after{
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #f36f21;
opacity: 0;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
z-index: 1;
}
.gallery_item a:after{
background: transparent;
background: url(../images/play-button.svg) no-repeat center / 60px 60px;
}
.gallery_item img{
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.gallery_item a:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.gallery_item a:hover:before{
opacity: 0.4;
}
.gallery_item2{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
.gallery_item2 > a{
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 10px);
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
}
#galleryVideos .gallery_item:first-child {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 1;
overflow: hidden;
}
#galleryVideos .gallery_item a:hover:before{
opacity: 0.6;
}
#galleryVideos .gallery_item a:hover:after{
visibility: visible;
opacity: 1;
}
.events_list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 50px -10px 0;
}
.event_card{
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 3 - 20px);
flex: 0 0 calc(100% / 3 - 20px);
max-width: calc(100% / 3 - 20px);
margin: 0 10px 20px;
}
.event_img{
height: 300px;
background: #000;
border-radius: 20px;
overflow: hidden;
margin-bottom: 10px;
}
.event_img img{
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.event_cnt h5{
font-size: 18px;
font-weight: bold;
color: #000;
margin-bottom: 5px;
}
.event_cnt p{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
color: #000;
}
.event_card *{
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.event_card:hover *{
color: #f36f21;
}
.event_card:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.events_head{
margin: 0 0 30px 0;
max-width: 50%;
text-align: left;
}
.events_head + .gw_in{
border:none;
}
.contact_wrapper{
padding: 70px 0;
}
.contact_wrapper h2,
.contact_wrapper h3{
color: #f36f21;
}
.contact_row{
margin-top: 30px;
}
.contact_row ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.contact_row ul li{
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 10px);
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
background: #ffe2d3;
border-radius: 20px;
overflow: hidden;
padding: 30px;
}
.contact_row ul li p{
color: #000;
}
.contact_row ul li:last-child{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0;
}
.contact_row ul li iframe{
width: 100%;
display: block;
height: 400px;
}
.contact_row ul li h4{
font-weight: bold;
margin-bottom: 20px;
color: #000;
}
.contact_row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
.contact_lft{
-webkit-box-flex: 0;
-ms-flex: 0 0 908px;
flex: 0 0 908px;
max-width: 908px;
}
.contact_rht{
width: 100%;
}
.contact_rht .btn{
min-width: 120px;
}
.contact_rht h3{
margin-bottom: 20px;
}
.joinNow{
background: #fff;
border:1px solid #b7b7b7;
border-radius: 20px;
padding: 30px;
margin-top: 30px;
}
.joinNow b{
color: #000;
}
.jn_in {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 10px;
}
.jn_in h5{
color: #f36f21;
}
.form_Submit{
text-align: right;
}
.btns_blk{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
.gallery_blk .sec_foot{
text-align: center;
}
.upcomingEvent{
position: fixed;
top:50%;
transform: translateY(-50%);
right: -300px;
z-index: 9999999;
transition: 0.4s all ease-in-out;
}
.upcomingEvent.open{
right: 0;
}
.upcomingEvent a{
display: flex;
flex-direction: column;
background: linear-gradient(to right, #983c14,#f36f21);
color: #fff;
padding: 10px 15px;
border-radius: 10px 0 0 10px;
overflow: hidden;
}
.upcomingEvent a:hover{
transform: scale(1.1);
}
.vision_mission_blk{
position: relative;
padding: 100px 0;
overflow: hidden;
}
.vmb_in{
display: flex;
gap: 30px;
}
.vmb_lft{
max-width: 50%;
padding: 0 30px 0 0;
}
.vmb_rht{
max-width: 50%;
padding: 160px 0 0 30px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-self: flex-start;
gap: 15px;
}
.vmb_img{
border-radius: 20px;
overflow: hidden;
}
.vmb_lft h2{
color: #f36f21;
margin-bottom: 20px;
}
.vmb_lft p{
margin-bottom: 20px;
}
.vmb_lft h6{
font-size: 15px;
line-height: 26px;
font-weight: 600;
color: #000;
}
.vmb_lft ul {
margin-bottom: 20px;
}
.vmb_lft ul li{
position: relative;
padding-left: 40px;
}
.vmb_lft ul li:before{
content: '';
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 8px;
background: #ff7e00;
border-radius: 50%;
}
.vmb_imgs{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 15px;
}
.vmb_imgs img{
width: auto;
margin: 0;
max-width: 60%;
}
.vmb_imgs img:nth-child(2){
margin-bottom: -50px;
}
.key_features3 {
overflow: hidden;
}
.key_features3 h3{
color: #ff7e00;
margin-bottom: 20px;
font-weight: bold;
}
.key_features3 p{
margin-bottom: 20px;
color: #000;
}
.key_features3 ul {
margin-bottom: 20px;
}
.key_features3 ul li p{
margin-bottom: 0 !important;
}
.key_features3 ul li span{
font-weight: 600;
color: #000;
}
.key_features3 h4{
color: #ff7e00;
}
.key_features3 p:last-child{
margin-bottom: 0;
}
.gos_blk{
display: flex;
gap: 130px;
}
.gos_lft{
flex: 0 0 480px;
max-width: 480px;
}
.gos_lft img{
border-radius: 20px;
margin-top: 60px;
}
.gos_rht {
background: url(../images/shape_8.png) no-repeat right top;
}
.gos_rht h2{
color: #ff7e00;
margin-bottom: 20px;
}
.gos_rht h6{
font-weight: bold;
color: #000;
}
.gos_rht p{
color: #000;
margin-bottom: 20px;
}
.news_evnets2{
background: #fff;
}
#enquiryModal .modal-content{
max-width: 768px;
}
#enquiryModal h2{
margin-bottom: 20px;
}
.actions{
display: flex;
justify-content: space-between;
align-items: center;
}
.actions .btn{
width: 150px;
}
.success-message{
margin-top: 20px;
color: green;
display: none;
font-weight: bold;
}
:disabled{
cursor: not-allowed;
}
.video_bg{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.video-bgh
{background: url(../images/img_23.jpg) repeat left top / contain;}
.hb_slider {
position: relative;
z-index: 1;
}
.ed_blk {
position: relative;
}
.banner_img{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.mb2 .mb_head{
margin: auto;
text-align: center;
}
.mb2 .sec_foot {
text-align: center;
}
.ourValues{
padding: 70px 0;
text-align: center;
overflow: hidden;
}
.ourValues h2{
color: #983c14;
font-weight: 400;
margin-bottom: 10px;
}
.ourValues h2 span{
font-weight: bold;
color: #f36f21;
}
.ourValues p{
color: #000;
margin-bottom: 30px;
}
.ourValues ul{
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-top: 50px;
}
.ourValues ul li {
flex: 0 0 calc(25% - 23px);
max-width: calc(25% - 23px);
width: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: left;
padding: 20px;
border-radius: 15px;
transition: 0.4s all ease-in-out;
}
.ov_icon{
flex: 0 0 70px;
width: 70px;
max-width: 70px;
height: 70px;
background: #f36f21;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
margin-bottom: 30px;
background: linear-gradient(to right bottom,#f36f21 ,#e44e00);
}
.ourValues ul li:nth-child(2) .ov_icon{
background: linear-gradient(to right bottom,rgb(239 133 0) ,#e44e00);
}
.ourValues ul li:nth-child(3) .ov_icon{
background: linear-gradient(to right bottom,rgb(236 172 0) ,#e44e00);
}
.ourValues ul li:nth-child(4) .ov_icon{
background: linear-gradient(to right bottom,rgb(249 39 51) ,#e44e00);
}
.ourValues ul li:hover{
background: linear-gradient(to left bottom, rgb(243 111 33 / 20%), transparent);
}
.ourValues ul li:nth-child(2):hover{
background: linear-gradient(to left bottom, rgb(239 133 0 / 20%), transparent);
}
.ourValues ul li:nth-child(3):hover{
background: linear-gradient(to left bottom, rgb(236 172 0 / 20%), transparent);
}
.ourValues ul li:nth-child(4):hover{
background: linear-gradient(to left bottom, rgb(249 39 51 / 20%), transparent);
}
.ov_icon svg,
.ov_icon img{
width: 50px;
height: 50px;
}
.ov_txt {
text-align: left;
}
.ov_txt b{
display: block;
font-size: 30px;
font-weight: bold;
color: #983c14;
margin-bottom: 10px;
}
.ourValues ul li:nth-child(2) .ov_txt b{
color: rgb(239 133 0);
}
.ourValues ul li:nth-child(3) .ov_txt b{
color: rgb(236 172 0);
}
.ourValues ul li:nth-child(4) .ov_txt b{
color: rgb(249 39 51);
}
.realImpact{
padding: 50px 0;
overflow: hidden;
}
.mb_head{
margin: 0 auto 30px;
text-align: center;
}
.riList{
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.rlCard{
flex: 0 0 calc(100% / 3 - 30px);
max-width: calc(100% / 3 - 30px);
margin: 0 15px 30px 15px;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: 0.4s all ease-in-out;
}
.rlCard:hover{
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.rl_img{
height: 220px;
background: #000;
overflow: hidden;
}
.rl_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.rl_txt{
padding: 20px;
}
.rl_txt h4{
margin-bottom: 10px;
}
.rl_txt p{
margin-bottom: 20px;
}
.LrnMore{
color: #f36f21;
}
.ov2{
background: #fff4e6;
}
.ov2 ul li{
background: #fff;
}
.ov2 ul li:hover{
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
background: linear-gradient(to left bottom, #ffc67e, transparent) !important;
}
.ov2 ul li .ov_icon {
background: linear-gradient(to right bottom, #f36f21, #e44e00) !important;
}
.modal-body .murals_card{
text-align: left;
}
.modal-content2{
max-width: 600px;
}
.murals_card2 h3{
margin-bottom: 10px;
}
.murals_card2 p{
margin-bottom: 0;
}
.ovHead{
text-align: left;
}
.realImpact .mb_head{
text-align: left;
margin: 0 0 30px;
}
.sm ul{
display: flex;
flex-wrap: nowrap;
}
.sm ul li{
flex: 0 0 auto;
}
.footer_lft{
flex: 0 0 28%;
}
.footer_rht{
flex: 0 0 auto;
}
.footer_in{
gap: 30px;
justify-content: space-between;
padding-top: 30px;
}
.quick_links{
flex: 0 0 auto;
max-width: 220px;
}
.quick_links h4{
margin-bottom: 10px;
font-weight: bold;
}
.footer_btm{
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding: 20px 0;
}
.footer_btm{
display: flex;
align-items: center;
justify-content: space-between;
}
.ftb_lft,
.ftb_rht ul{
display: flex;
align-items: center;
}
.vc{
display: flex;
align-items: center;
gap: 10px;
margin-left: 10px;
border-left: 1px solid #fff;
padding-left: 10px;
}
.vc p{
line-height: 1;
}
.vc a{
pointer-events: none;
}
.vc br{
display: none;
}
.ftb_rht ul{
gap: 20px;
}