html{
overflow: hidden;
overflow-y: auto;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a img {
border: 0;
vertical-align:middle;
}
:focus {
outline: 0;
}
img {
max-width: 100%;
vertical-align: middle;
}
.dnone{
display: none;
}
.block{
display: block;
}
.iblock{
display: inline-block;
}
.bgwhite{
background-color:#FFFFFF;
}
.fwhite{
color:#FFFFFF;
}
.fbold{
font-weight:700;
}
.backimgstyle{
background-size: cover;
background-repeat:no-repeat;
background-position: center;
}
.backimgstyle1{
background-size: contain;
background-repeat:no-repeat;
background-position: center;
}
@font-face {
font-family: 'Julietta';
src: url('../fonts/Julietta.eot?#iefix') format('embedded-opentype'), url('../fonts/Julietta.woff') format('woff'), url('../fonts/Julietta.ttf') format('truetype'), url('../fonts/Julietta.svg#Julietta') format('svg');
font-weight: normal;
font-style: normal;
/*font-family: 'Julietta' !important;*/
}
ul{
list-style-type:none;
margin:0px;
margin-block-start:0px;
margin-block-end:0px;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start:0px;
}
li{
list-style-type:none;
margin-bottom:0px;
}
strong{
}
.container{
max-width:1180px;
}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-uppercase{text-transform: uppercase;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
a{
text-decoration: none;
}
a:hover{
text-decoration: none;
color:inherit;
}
p:last-child{
margin-bottom: 0px
}
body{
font-size:16px;
padding:0px;
font-family: 'Roboto', sans-serif;
color:black;
line-height: 1;
font-weight:400;
color: #232323;
background-color: #ffffff;
overflow: hidden;
overflow-y: auto;
}
/*font-family: 'Montserrat-Regular';
font-family: 'Roboto', sans-serif;*/
header{
}
/* --------------------fixed icon start-------- */
.fixed_icon{
position: fixed;
right:5px;
top: 110px;
z-index: 999;
}
.fixed_icon a{
display:block;
width:35px;
}
/* --------------------date picker cusomization start-------- */
.ui-widget-header{
border:#A50000 1px solid ;
background:#A50000 !important;
}
.ui-datepicker table {
font-size: 16px;
margin:0px ;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
font-weight:400;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background:#FFFFFF ;
color:#232323;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
background: #bfbfbf;
color:#000000;
border:#000000 1px solid ;
}
.ui-state-hover{
border:#A50000 1px solid ;
}
.ui-datepicker td span, .ui-datepicker td a{
padding:6px;
}
.ui-datepicker .ui-datepicker-title{
font-family: 'Montserrat-Regular';
font-weight:400;
}
.ui-datepicker th{
font-family: 'Montserrat-Regular';
}
.ui-datepicker td{
font-family: 'Roboto', sans-serif;
}
/* --------------------date picker cusomization end-------- */
/* --------------------fixed icon end-------- */
/* --------------------pagination start-------- */
.pagination_part{
}
.pagination_part .pagination_box{
border: #E8E8E8 1px solid;
border-radius:5px;
}
.pagination_part span{
border-right:#E8E8E8 1px solid;
line-height:2.3;
padding:0px 10px;
}
.pagination_part a{
padding:10px;
font-size:16px;
color:#232323;
background-color:#FFFFFF;
border-right: #E8E8E8 1px solid;
}
.pagination_part .pagination_box a:first-child{
border-radius:5px 0px 0px 5px;
}
.pagination_part a:last-child{
border-right:0px;
border-radius:0px 5px 5px 0px;
}
.pagination_part a.active{
background-color: #322B2B;
color:#FFFFFF;
border:#251D1D 1px solid;
}
/* --------------------pagination end-------- */
.imp_note{
font-size:14px;
color:#A50000;
}
/* ----------checkbox start-------------- */
input[type="checkbox"] {
position:absolute;
display:none;
}
.checkboxclass {
display:block;
margin: 0px;
position: relative;
}
.checkboxclass .checkbox_label{
position: relative;
margin-bottom: 0px;
}
.checkboxclass .checkbox_label:before{
content:'';
position:absolute;
height: 20px;
width:20px;
background-color:transparent;
border-radius:5px;
border:#EEEDED 1px solid;
cursor: pointer;
display:inline-block;
}
.checkboxclass input[type="checkbox"]:checked + .checkbox_label:after {
opacity: 1;
}
.checkboxclass .checkbox_label:after {
/* border-style: none none solid solid; */
border-top: 0px;
border-right:0px;
border-left: #EEEDED 2px solid;
border-bottom: #EEEDED 2px solid;
content: "";
left: 5px;
height: 5px;
width: 10px;
opacity: 0;
position: absolute;
top: 6px;
-ms-transform:rotate(-45deg); /* IE 9 */
-webkit-transform:rotate(-45deg); /* Safari and Chrome */
transform:rotate(-45deg);
}
/* ----------checkbox end-------------- */
/* ----------checkbox start-------------- */
.checkboxclass_two {
display:block;
margin: 0px;
position: relative;
}
.checkboxclass_two .checkbox_label{
position: relative;
margin-bottom: 0px;
}
.checkboxclass_two .checkbox_label:before{
content:'';
position:absolute;
height: 20px;
width:20px;
background-color:transparent;
border-radius:5px;
border:#A50000 2px solid;
cursor: pointer;
display:inline-block;
}
.checkboxclass_two input[type="checkbox"]:checked + .checkbox_label:after {
opacity: 1;
}
.checkboxclass_two .checkbox_label:after {
/* border-style: none none solid solid; */
border-top: 0px;
border-right:0px;
border-left: #A50000 2px solid;
border-bottom: #A50000 2px solid;
content: "";
left: 5px;
height: 5px;
width: 10px;
opacity: 0;
position: absolute;
top: 6px;
-ms-transform:rotate(-45deg); /* IE 9 */
-webkit-transform:rotate(-45deg); /* Safari and Chrome */
transform:rotate(-45deg);
}
/* ----------checkbox end-------------- */
/* ----------checkbox 3 start-------------- */
.checkboxclass_three {
display:block;
margin: 0px;
position: relative;
}
.checkboxclass_three .checkbox_label{
position: relative;
margin-bottom: 0px;
}
.checkboxclass_three .checkbox_label:before{
content:'';
position:absolute;
height: 20px;
width:20px;
background-color:transparent;
border-radius:5px;
border:#E0DFDF 2px solid;
cursor: pointer;
display:inline-block;
}
.checkboxclass_three input[type="checkbox"]:checked + .checkbox_label:after {
opacity: 1;
}
.checkboxclass_three .checkbox_label:after {
/* border-style: none none solid solid; */
border-top: 0px;
border-right:0px;
border-left: #E0DFDF 2px solid;
border-bottom: #E0DFDF 2px solid;
content: "";
left: 5px;
height: 5px;
width: 10px;
opacity: 0;
position: absolute;
top: 6px;
-ms-transform:rotate(-45deg); /* IE 9 */
-webkit-transform:rotate(-45deg); /* Safari and Chrome */
transform:rotate(-45deg);
}
/* ----------checkbox 3 end-------------- */
/* ----------social_link_part start-------------- */
.social_link_part{
}
.social_link_part .social_link_box{
margin:0px 30px 0px 0px ;
background-color: #39579A;
border:#2E447A 1px solid;
border-radius:5px;
color: #FFFFFF;
}
.social_link_part .social_link_box:last-child{
margin:0px;
}
.social_link_part .social_link_box.orange{
background-color: #DF4A32;
border:#B13E2D 1px solid;
}
.social_link_part .social_link_box.orange .text_part{
border-left:#B13E2D 1px solid ;
}
.social_link_box .icon_part{
width:50px;
}
.social_link_box .icon_part .social_img{
max-width:34px;
max-height:22px;
}
.social_link_part .social_link_box .text_part{
font-size:22px;
padding:10px 25px;
border-left:#2E447A 1px solid ;
}
/* ----------social_link_part end-------------- */
/* -------------------- commonbox part start-------- */
.commonbox_wrapper{
}
.commonbox_wrapper .commonbox_title{
font-family: 'Montserrat-Regular';
font-size:26px;
margin: 0px 0px 5px 0px;
}
.commonbox_wrapper .commanbox_parent:first-child{
margin:15px 15px 15px 0px ;
}
.commanbox_parent:last-child{
margin:15px 0px 15px 15px ;
}
.commonbox_wrapper .commanbox_parent:nth-child(3n){
margin:15px 0px 15px 15px ;
}
.commonbox_wrapper .commanbox_parent:nth-child(3n + 1){
margin:15px 15px 15px 0px ;
}
.commanbox_parent{
width:calc(33.33% - 30px);
margin:15px;
}
.commanbox_parent .viewall{
margin:10px 0px 0px 0px;
font-size:18px;
text-align:right;
display: block;
}
.commanbox_parent .viewall a{
color: #232323;
border-bottom:#232323 2px solid;
}
.commonbox{
width:100%;
height:100%;
background-color:#E02519;
border-radius:20px;
color:#FFFFFF;
padding:40px 30px 30px 35px;
}
.commonbox .user_img{
padding-top:50%;
width:50%;
border-radius:50%;
}
.commonbox .user_detail{
margin:15px 0px 0px 0px;
font-size:16px;
line-height:1.3;
}
.commonbox .company_logo{
position: relative;
padding-top:50%;
width:70%;
background-color:#FFFFFF ;
border-radius:20px;
background-size:60%;
color:#232323;
}
.commonbox .company_logo .company_name{
position: absolute;
width:100%;
text-align:center;
top: 50%;
left: 50%;
transform:translate(-50%,-50%);
font-size:34px;
font-family: 'Montserrat-Regular';
}
.commonbox .cb_title{
font-family: 'Montserrat-Regular';
font-size:24px;
margin:12px 0px;
line-height:1.3;
}
.circle_link{
margin:10px 0px ;
display:block;
font-size:24px;
font-family: 'Montserrat-Regular';
color:#EFEEEE;
padding:15px 30px;
}
.commonbox .link_part{
margin: 15px 0px;
}
.commonbox .share_link {
color:#FFFFFF;
padding:0px 15px 3px 15px;
border-right:#FFFFFF 2px solid
}
.commonbox .share_link:last-child{
padding:0px 0px 3px 15px;
border-right:0px;
}
.commonbox .share_link .share_span{
border-bottom:#FFFFFF 2px solid;
}
/* ----------commonbox part end-------------- */
/* ---------- custom radio button start-------------- */
.radiobtn_part{
margin: 10px 0px 0px 0px;
}
.radiobtn_part [type="radio"]:checked,
.radiobtn_part [type="radio"]:not(:checked) {
position: absolute;
display:none;
}
.radiobtn_part [type="radio"]:checked + .radiobtn_label,
.radiobtn_part [type="radio"]:not(:checked) + .radiobtn_label{
position: relative;
padding:0px 15px 0px 22px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: inherit;
font-size:16px;
margin:0px;
}
.radiobtn_part [type="radio"]:checked + .radiobtn_label:before,
.radiobtn_part [type="radio"]:not(:checked) + .radiobtn_label:before {
content: '';
display:block;
position: absolute;
left: 0;
top: 2px;
width: 16px;
height: 16px;
border:#FFFFFF 2px solid;
border-radius: 100%;
background-color:transparent;
}
.radiobtn_part [type="radio"]:checked + .radiobtn_label:after,
.radiobtn_part [type="radio"]:not(:checked) + .radiobtn_label:after {
content: '';
width: 6px;
display: block;
height: 6px;
background: #FFFFFF;
position: absolute;
top: 7px;
left: 5px;
border-radius: 100%;
}
.radiobtn_part [type="radio"]:not(:checked) + .radiobtn_label:after {
opacity: 0;
}
.radiobtn_part [type="radio"]:checked + .radiobtn_label:after {
opacity: 1;
}
/* ---------- custom radio button end-------------- */
/* ---------- custom radio button2 start-------------- */
.radiobtn_part_two{
margin: 10px 0px 0px 0px;
}
.radiobtn_part_two [type="radio"]:checked,
.radiobtn_part_two [type="radio"]:not(:checked) {
position: absolute;
display:none;
}
.radiobtn_part_two [type="radio"]:checked + .radiobtn_label,
.radiobtn_part_two [type="radio"]:not(:checked) + .radiobtn_label{
position: relative;
padding:0px 15px 0px 22px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: inherit;
font-size:20px;
margin:0px;
}
.radiobtn_part_two [type="radio"]:checked + .radiobtn_label:before,
.radiobtn_part_two [type="radio"]:not(:checked) + .radiobtn_label:before {
content: '';
display:block;
position: absolute;
left: 0;
top: 2px;
width: 16px;
height: 16px;
border:#737171 2px solid;
border-radius: 100%;
background-color:transparent;
}
.radiobtn_part_two [type="radio"]:checked + .radiobtn_label:after,
.radiobtn_part_two [type="radio"]:not(:checked) + .radiobtn_label:after {
content: '';
display: block;
border:#131313 4px solid;
width: 16px;
height: 16px;
background:#FFFFFF;
position: absolute;
top: 2px;
left:0px;
border-radius: 100%;
}
.radiobtn_part_two [type="radio"]:not(:checked) + .radiobtn_label:after {
opacity: 0;
}
.radiobtn_part_two [type="radio"]:checked + .radiobtn_label:after {
opacity: 1;
}
.radiobtn_part_two [type="radio"]:checked + .radiobtn_label{
color:#131313;
}
.radiobtn_part_two [type="radio"]:not(:checked) + .radiobtn_label{
color:#737171;
}
/* ---------- custom radio button2 end-------------- */
/* -------------------- custom field start-------- */
.c_note{
color:#232323;
font-size:20px;
font-family: 'Montserrat-Regular';
margin: 0px 0px 0px 30px;
}
.c_margin{
display:block;
height:40px;
}
.customfieldinput.form-group {
position: relative;
margin:0px 0px 40px 0px;
}
.customfieldinput .form-control:focus{
box-shadow:0px 0px 10px 0px rgba(165,0,0,56%);
border:rgba(165,0,0,45%) 2px solid;
}
.customfieldinput.extra_margin{
margin:0px 0px 50px 0px;
}
.customfieldinput.nomargin {
margin:0px 0px 40px 0px;
}
.customfieldinput .error_msg{
display:none;
position: absolute;
color:#A50000;
font-size:16px;
bottom: -16px;
left: 10px;
}
.customfieldinput .que_logo{
line-height:0;
margin:-2px 0px 0px 5px;
max-width:17px;
}
.customfieldinput .info_msg{
display:block;
position: absolute;
color:#A50000;
font-size:14px;
bottom: -19px;
left:35px;
}
.customfieldinput .calendar_display{
position: absolute;
top: 50%;
transform:translateY(-50%);
right: 0px;
max-width: 55px;
padding: 10px 15px;
}
.customfieldinput.success .form-control{
border:#4CAF50 2px solid;
}
.customfieldinput.error .error_msg{
display:block;
}
.customfieldinput label{
font-size:18px;
position: absolute;
margin: 0px;
background: #fff;
color:#232323;
padding: 0px 8px;
position: absolute;
top: -10px;
margin-left: 0px;
z-index: 1;
left: 30px;
font-family: 'Montserrat-Regular';
font-weight: normal;
}
.customfieldinput label span{
color: #a50000;
}
.customfieldinput .form-control ,textarea,input{
/* font-family: 'Roboto', sans-serif; */
display: block;
width: 100%;
line-height:1.2;
padding:16px 25px;
font-size: 16px;
color: #232323;
background-color: #FFFFFF;
background-image: none;
border:#E0DFDF 2px solid;
border-radius: 5px;
resize:none;
height:auto;
}
.customfieldinput select,option{
border:#E0DFDF 2px solid;
border-radius: 5px;
height:50px;
width: 100%;
font-family: 'Montserrat-Regular';
font-size:20px;
padding:6px 25px;
}
.customfieldinput .form-control select{
padding:6px 25px;
}
.customfieldinput .form-control.ipadding{
padding: 15px 50px 15px 25px;
}
.customfieldinput .browse_btn{
position: absolute;
padding: 11px 20px;
top: 50%;
right: 7px;
transform:translateY(-50%);
background-color:#322B2B;
border-radius:5px;
color:#FFFFFF;
font-size:18px;
font-family: 'Montserrat-Regular';
font-weight:300;
display:inline-block;
left:auto;
}
.customfile_hide{
display:none;
}
/* -------------------- custom select box staet-------- */
.custom_select_parent {
position: relative;
display: inline-block;
width: 100%;
}
.custom_select_parent .custom_select {
font-family: 'Montserrat-Regular';
font-size:24px;
font-weight:300;
display: inline-block;
width: 100%;
cursor: pointer;
padding: 15px 25px;
outline: 0;
border:0px solid #000000;
border-radius: 5px;
background: #E02519;
color: #FFFFFF;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.custom_select_parent .custom_select , .custom_select_opt:hover{
background-color:#e62719 ;
}
.custom_select_parent .custom_select::-ms-expand {
display: none;
}
.custom_select_parent .custom_select:hover,
.custom_select_parent .custom_select:focus {
color:#FFFFFF;
background: #e62719;
}
.custom_select_parent .custom_select:disabled {
opacity: 0.5;
pointer-events: none;
}
.select_arrow {
position: absolute;
top: 50%;
transform:translateY(-50%);
background-image:url('../images/drop_arrow.png');
background-repeat:no-repeat;
background-size:cover;
right: 15px;
width: 19px;
height: 13px;
}
.custom_select_parent .custom_select:hover ~ .select_arrow,
.custom_select_parent .custom_select:focus ~ .select_arrow {
border-color: #FFFFFF;
}
/* -------------------- custom field file upload-------- */
.custom-file-input::-webkit-file-upload-button {
visibility: hidden;
}
.custom-file-input::before {
content: 'Select some files';
display: inline-block;
background: linear-gradient(top, #f9f9f9, #e3e3e3);
border: 1px solid #999;
border-radius: 3px;
padding: 5px 8px;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer;
text-shadow: 1px 1px #fff;
font-weight: 700;
font-size: 10pt;
}
.custom-file-input:hover::before {
border-color: black;
}
.custom-file-input:active::before {
background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
/* -------------------- custom field end-------- */
.logo{
background-color: #ffffff;
display: block;
line-height: 0;
position: absolute;
left: 0px;
top: 0px;
height: 80px;
padding:10px;
display: flex;
align-items:center;
z-index: 5;
}
.logo img{
line-height: 0;
max-width: 270px;
}
.menutopright{
background-color: #ffffff;
padding:10px 20px;
height: 80px;
display: flex;
align-items:center;
position: absolute;
right: 0px;
top: 0px;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
z-index: 5;
}
.menutopright a{
color: #232323;
}
.menutopright .menuhamburger{
margin-right: 30px;
}
.menutopright .menuhamburger a{
display: flex;
align-items: center;
padding-left: 27px;
}
.menutopright .menuhamburger a div.hamburge_lines{
position: relative;
line-height: 0;
top: -2px;
left: -27px;
}
.menutopright .menuhamburger a div.hamburge_lines span{
width: 17px;
height: 2px;
position: absolute;
background-color: #232323;
left: 0px;
top: 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.menutopright .menuhamburger a div.hamburge_lines span:nth-child(1){
top: -6px;
}
.menutopright .menuhamburger a div.hamburge_lines span:nth-child(2){
top: 0px;
}
.menutopright .menuhamburger a div.hamburge_lines span:nth-child(3){
top: 6px;
}
.menutopright .menuhamburger a.active{
color: #a50000;
}
.menutopright .menuhamburger a.active div.hamburge_lines span{
background-color: #a50000;
}
.menutopright .menuhamburger a.active div.hamburge_lines span:nth-child(1){
top: 0px;
transform: rotate(45deg);
}
.menutext{
min-width: 60px;
}
.menutopright .menuhamburger a.active div.hamburge_lines span:nth-child(2){
top: 0px;
opacity: 0;
}
.menutopright .menuhamburger a.active div.hamburge_lines span:nth-child(3){
top: 0px;
transform: rotate(-45deg);
}
.menutopright .loginlinks{
display: flex;
align-items: center;
}
.menutopright .loginlinks a{
}
.menutopright .loginlinks a:last-child{
border-left: #232323 1px solid;
padding-left: 12px;
}
.menutopright .loginlinks a:first-child{
padding-right: 12px;
}
.main_menutoggle{
background-color: #ffffff;
height: 80px;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 4;
display: flex;
justify-content: center;
align-items: center;
transform: translateY(-80px);
-webkit-transform: translateY(-80px);
-moz-transform: translateY(-80px);
-o-transform: translateY(-80px);
-ms-transform: translateY(-80px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.main_menutoggle.toggleshow{
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.main_menutoggle > ul{
display: flex;
justify-content: center;
}
.main_menutoggle > ul > li{}
.main_menutoggle > ul > li > a.main_navlinktop{
color: #232323;
font-size: 18px;
padding-left: 20px;
padding-right: 20px;
display: block;
text-align: center;
}
.main_menutoggle > ul > li > a.main_navlinktop .menuicons{
margin-bottom: 7px;
}
.main_menutoggle > ul > li > a.main_navlinktop .menuicons img{}
.main_menutoggle > ul > li > a.main_navlinktop .menuitems_txt{}
.main_menutoggle > ul > li > a.main_navlinktop img{
max-width: 30px;
max-height: 25px;
}
.main_menutoggle > ul > li > a.main_navlinktop:hover{
color: #a50000;
}
.main_menutoggle > ul > li > a.main_navlinktop.active{
color: #a50000;
}
.submenu_mainmenu{
position: absolute;
left: 0px;
top: 80px;
width: 100%;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
transform: perspective(400px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
-webkit-transform: perspective(400px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
-moz-transform: perspective(400px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
-o-transform: perspective(400px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
-ms-transform: perspective(400px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
}
.submenu_mainmenu.toggleshow_sub{
transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-webkit-transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-moz-transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-o-transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-ms-transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg)
}
.submenu_mainmenu .container{
background-color: #ffffff;
padding: 30px 0px;
}
.linkslists{
padding:0px 5%;
}
.linkslists > ul{
display: flex;
justify-content: center;
}
.linkslists > ul > li{
width: 25%;
text-align: center;
}
.linkslists > ul > li > a.secondlevel{
color: #787777;
font-size: 24px;
font-weight: 700;
font-family: 'Montserrat-Regular';
padding:0px 0px;
position: relative;
display: inline-block;
}
.linkslists > ul > li > a:hover{
color: #000000;
}
.linkslists > ul > li > a.active{
color: #000000;
}
.linkslists > ul > li > a.active:after{
content: '';
position: absolute;
left: 0px;
width:100%;
height: 2px;
background-color: #a50000;
bottom: -10px;
}
.thirdlevelmenu{
margin-top: 25px;
font-family: 'Montserrat-Regular';
display: none;
}
.linkslists > ul > li:hover > a{
color: #000000;
}
.linkslists > ul > li:hover .thirdlevelmenu{
display: block;
}
.thirdlevelmenu > ul{}
.thirdlevelmenu > ul > li{}
.thirdlevelmenu > ul > li > a{
color: #000000;
display: block;
line-height: 1.5;
padding:5px 0px;
}
.thirdlevelmenu > ul > li > a:hover{
color: #a50000;
text-decoration: underline;
}
.homebanner{
background-color: #000000;
}
.carouselimg{
opacity: 0.5;
}
.carouselslide{
height: 100vh;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
z-index: 2;
}
.bannerinformation{
position: absolute;
height: 100vh;
width: 50%;
right: 0px;
top: 0px;
z-index: 3;
background-color: rgba(165, 0, 0, 0.6);
overflow: hidden;
}
.centerbannertext{
color:#ffffff;
font-size: 56px;
font-weight: 700;
position: absolute;
left: 10%;
top: 50%;
line-height: 1.3;
transform: translate(0%, -50%);
font-family: 'Montserrat-Regular';
}
.supportsearchbox{
position: absolute;
right: 10px;
bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.supporttitle{
font-size: 70px;
color:#ffffff;
font-family: 'Montserrat-Regular';
text-transform: uppercase;
font-weight: 700;
}
.supportsearchlist{
margin-left: 15px;
display: flex;
flex-direction:column;
}
.searchbottombybtm{
position:relative;
font-size: 25px;
font-family: 'Montserrat-Regular';
text-transform: uppercase;
color:#ffffff;
padding:3px 0px;
display: flex;
align-items: center;
justify-content: center;
}
.searchbottomsearchbar{
position:absolute;
top: -1px;
right: -5px;
border-radius:50px;
width:300px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
transform: translateX(350px);
-webkit-transform: translateX(350px);
-moz-transform: translateX(350px);
-o-transform: translateX(350px);
-ms-transform: translateX(350px);
background-color: rgba(165, 0, 0,1);
box-shadow:0px 0px 5px 0px rgba(255,255,255,1);
padding: 4px 55px 10px 15px;
display: block;
z-index:0;
}
.searchbottomsearchbar.active_slide{
transform: translateX(0px);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
}
::placeholder{
color:#FFFFFF;
}
.searchinputstyle{
font-family: 'Roboto', sans-serif;
border: 0px;
width:100%;
background-color:transparent !important;
font-size:16px;
color:#FFFFFF;
line-height: 0;
}
.searchbottombybtm a{
margin-left: 15px;
position:relative;
z-index:1;
}
.searchbottombybtm img{
width: 24px;
}
.sliderfeaturedimgs{
position: relative;
z-index: 5;
}
/* --------------------partner dashboard start-------------- */
.pdashboard_menu{
background-color: #ffffff;
height: 80px;
align-items:center;
position: absolute;
right: 0px;
top: 0px;
font-size: 18px;
font-weight: 400;
z-index: 5;
}
.pdashboard_menu .pusername{
display:block;
padding:30px 25px;
}
.pdashboard_menu li a{
display:block;
background-color:#DFDFDE ;
/* background-color:rgba(255,255,255,72%); */
border-top:#8D8D8C 1px solid;
padding:15px 35px;
color:#232323;
align-items:center;
display:flex;
}
.pdashboard_menu ul li img.pmenuli_icon{
max-width:25px;
margin:0px 15px 0px 0px ;
}
.pdashboard_menu .pmenu_arrow{
margin:0px 0px 0px 15px ;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.pdashboard_menu .pmenu_arrow.toggle{
-ms-transform:rotate(-180deg); /* IE 9 */
-webkit-transform:rotate(-180deg); /* Safari and Chrome */
transform:rotate(-180deg);
}
.pdashboard_menu span{
padding:0px 0px 2px 0px;
display: block;
color:#232323;
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* --------------------partner dashboard end-------------- */
/* --------------------banner part one start-------------- */
.banner_part_one{
height:70vh;
width:100%;
}
.banner_img_one{
position: relative;
height:100%;
width:100%;
}
.banner_img_one .label_logo{
position:absolute;
bottom: -25px;
left: 90px;
height:auto;
width:auto;
background-color:#FFFFFF ;
box-shadow: 0px 0px 9px 0px rgba(109,109,109,65%);
padding-top: 9%;
width: 20%;
background-size: 60%;
}
.banner_img_one .label_text{
position:absolute;
bottom: -30px;
left: 90px;
height:auto;
width:auto;
background-color:#FFFFFF ;
box-shadow: 0px 0px 9px 0px rgba(109,109,109,65%);
padding:16px 35px;
}
.banner_img_one .banner_info{
position: absolute;
top: 50%;
right:0px;
transform: translateY(-50%);
display:block;
color:#FFFFFF;
width:50%;
line-height:1.3;
}
.banner_img_one .banner_info .call_img{
position: absolute;
bottom: 10px;
left: -50px;
}
.greyscale_layer{
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.overlay_black:before{
content:'';
position:absolute;
top: 0px;
left: 0px;
height:100%;
width:100%;
background-color: rgba(0,0,0,0.5);
}
.overlay:before{
content:'';
position:absolute;
top: 0px;
left: 0px;
height:100%;
width:100%;
background-color: rgba(165,0,0,0.8);
}
.login_overlay:before{
content:'';
position:absolute;
top: 0px;
left: 0px;
height:100%;
width:100%;
background-color: rgba(165,0,0,0.2);
}
.banner_img_one .searchbottombybtm{
justify-content:space-between;
padding:5px 0px;
}
.pagedesign_banner{
position: relative;
}
.pagedesign_banner .pagebannermenu{
margin: 45px 0px 0px 0px;
}
.pagedesign_banner .pagebannersearch{
width:23%;
position:relative;
border:#E2E2E2 2px solid;
border-radius:35px;
padding: 5px 50px 5px 15px;
margin:0px 60px 0px 0px;
}
.pagebannersearch ::placeholder{
color: #232323;
font-weight:300;
}
.pagedesign_banner .pagebannersearch .searchinputstyle{
color:#232323;
width:100%;
font-size:24px;
font-family: 'Montserrat-Regular';
font-weight:300;
}
.pagedesign_banner .pagebannersearch .search_btn{
padding:10px 15px;
top:0px;
right:0px;
position: absolute;
margin: 0px;
max-width:55px;
}
.pagedesign_banner .pagebannerdropdown{
width:23%;
position:relative;
border:#E2E2E2 2px solid;
border-radius:35px;
padding: 0px 15px;
}
.pagedesign_banner .pagebannerdropdown label{
position: absolute;
top: -7px;
left: 22px;
padding:0px 5px;
background-color:#FFFFFF ;
color:#232323;
text-transform:uppercase;
font-size:14px;
font-weight:700;
margin-bottom:0px;
}
.pagedesign_banner .pagebannerdropdown .pagebannerdropdownselect{
border:0px;
}
.pagedesign_banner .bottom_layer_img{
position: absolute;
left: 0px;
bottom:0px;
width:100%;
z-index:-1
}
.pagedesign_banner .pagedesign_banner_container.mb40{
padding: 80px 0px 40px 0px ;
}
.pagedesign_banner .pagedesign_banner_container.mb90{
padding: 80px 0px 40px 0px ;
}
.pagedesign_banner .pagedesign_banner_container.mb100{
padding: 80px 0px 100px 0px;
}
.pagedesign_banner .pagedesign_banner_container.mt40{
padding: 80px 0px 100px 0px;
}
.pagedesign_banner .pagedesign_banner_container{
padding:80px 0px 100px 0px ;
font-family: 'Montserrat-Regular';
}
.pagedesign_banner img{
margin: 7px 0px 0px 0px;
}
.pagedesign_banner .padedesign_detail .persondetail{
width:20%;
}
.pagedesign_banner .padedesign_detail .persondetail .personimage{
position:relative;
width:166px;
display:block;
padding-top:100%;
border-radius: 200px;
}
.pagedesign_banner .commansubtitleclass{
margin:0px 10px 0px 0px;
}
.pagedesign_banner .padedesign_detail .persondetail .personimage img{
position:absolute;
bottom: -10px;
right: -10px;
}
.pagedesign_banner .padedesign_detail .persondetail .persontitle{
color:#232323;
font-size:20px;
margin: 15px 0px 0px 0px;
}
.pagedesign_banner .padedesign_detail .mission_detail{
width: calc(100% - 25%);
}
.pagedesign_banner .padedesign_detail .mission_detail .missiondetail_about{
margin:50px 0px 30px 0px;
}
.mission_detail .missiondetail_about .believe_img{
width:25%;
margin:17px 0px 0px 0px;
}
.mission_detail .missiondetail_about .about_detail .point_img{
position:absolute;
top: 15px;
left:-87px;
}
.mission_detail .missiondetail_about .about_detail{
position: relative;
background-color:#E02519;
padding:15px 70px;
width:calc(100% - 31%);
border-radius:20px;
border:#E02519 4px solid;
}
.mission_detail .missiondetail_about .about_detail p{
font-family: 'Montserrat-Regular';
color:#FFFFFF;
font-size:28px;
line-height:1.2;
margin-bottom:0px;
}
.pagedesign_banner .pagedesign_banner_container .bannersubtitle{
padding:30px 0px 0px 0px;
font-size:34px;
text-align:center;
text-transform:uppercase;
letter-spacing:5px;
color:#A50000;
}
.banner_img_one .searchbottombybtm img{
margin-left:15px;
width:15px;
}
.pagedesign_banner .csosignupstep{
margin:30px 0px 0px 0px ;
}
.pagedesign_banner .csosignupstep .csostepdisplay{
width:calc(33.33% - 30px);
margin:0px 15px;
background-color: #737171;
border-radius:25px;
font-size:24px;
font-weight:300;
color:#FFFFFF;
text-transform:uppercase;
padding: 8px 0px;
}
.pagedesign_banner .csosignupstep .csostepdisplay.active{
background-color: #232323;
}
/* --------------------banner part one end-------------- */
/* --------------------wide btn part start-------------- */
.wide_btn{
}
.wide_btn a{
display:block;
font-size:24px;
font-family: 'Montserrat-Regular';
text-align:center;
border-radius:5px;
padding: 7px 25px 12px 25px;
margin:0px 30px 0px 0px ;
}
.wide_btn a:last-child{
margin: 0px;
}
.wide_btn a.btn_one{
border: #E02519 2px solid;
color:#FFFFFF;
background-color: #E02519;
}
.wide_btn a.btn_one.active{
border: #E02519 2px solid;
color:#E02519;
background-color:#FFFFFF ;
}
.wide_btn a.btnwide_red{
border: #A50000 2px solid;
background-color:#A50000;
color:#FFFFFF;
}
.wide_btn a.btnwide_red.active{
border: #A50000 2px solid;
background-color: #FFFFFF;
color:#A50000;
}
/* --------------------wide btn part end -------------- */
/* --------------------btn part start start-------------- */
.btn_part{
font-family: 'Montserrat-Regular';
font-size:18px;
text-align:center;
}
.btn_part a{
border-radius: 5px;
padding:10px 20px;
display:block;
margin: 0px 15px 0px 0px ;
}
.btn_part a:last-child{
margin: 0px;
}
.btn_part a.btn_white{
background-color:#DEDEDE;
color:#101010;
}
.btn_part a.btn_red{
background-color:#E22102;
color:#FFFFFF;
}
.btn_part a.btn_darkred{
font-size:22px;
font-weight:300;
background-color:#A50000;
color:#FFFFFF;
}
.btn_part a.btn_black{
font-size:22px;
font-weight:300;
background-color:#232323;
color:#FFFFFF;
}
.btn_part a.extra_padding{
padding: 10px 60px 13px 60px;
}
.btn_part a.btn_darkred.extra_padding{
}
.btn_part a.btn_blurwhite{
color:#232323;
font-size:20px;
background-color:#EEEDED;
}
/* --------------------btn part start end-------------- */
.featuredboxourinitiative{
display: flex;
}
.featuredbox{
width: 65%;
padding:15px;
background-color: #ffffff;
-webkit-box-shadow: 0 0 10px 0 rgba(109,109,109,0.65);
box-shadow: 0 0 10px 0 rgba(109,109,109,0.65);
margin-top: -20px;
display: flex;
align-items: center;
}
.featuredtitle{
font-size: 48px;
font-weight: 700;
font-family: 'Montserrat-Regular';
width: 30%;
padding-left: 5%;
}
.featuredeventslist{
width: 70%;
display: flex;
align-items: center;
}
.featuredeventbox{
width: 50%;
padding:0px 2%;
}
.featuredeventbox:first-child{
border-right: #737171 1px solid;
}
.featuredimgurl{
padding-top: 70%;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.featuredimgurllinks{
display: flex;
align-items: center;
justify-content: center;
}
.featuredimgurllinks a{
margin: 0px 0px;
padding: 0px 10px;
color: #232323;
}
.featuredimgurllinks a:first-child{
border-right:#737171 1px solid;
}
.featuredimgurllinks a:hover{
color: #a50000;
text-decoration: underline;
}
.ourinitatives{
width: 35%;
}
.ourinitititle{
font-size: 34px;
font-weight: 700;
font-family: 'Montserrat-Regular';
text-align: center;
text-transform: uppercase;
margin-top: 15px;
margin-bottom: 15px;
}
.carouselsliderthumbs{
padding:0px 20px;
}
.carouselsiderimg{
padding-top: 30%;
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
}
.commonsections{
padding: 90px 0px;
}
.commonsections.notop{
padding: 0px 0px 90px 0px;
}
.acrosstitlecontent.notop{
padding: 0px 0px 50px 0px;
}
.commontitleclass{
font-size: 48px;
font-weight: 700;
font-family: 'Montserrat-Regular';
}
.commontitleclass span{
font-weight: 400;
margin: 0px 0px 0px 10px;
}
.commansubtitleclass{
font-family: 'Montserrat-Regular';
font-size:34px;
font-weight:700;
}
.commansubtitleclass.grey{
font-weight:700;
color:#737171;
}
.color_red{
display:inline-block;
font-weight: 700;
color:#E02519;
margin: 0px 0px 0px 10px;
}
.commansubtitleclass span{
font-weight:400;
margin: 0px 0px 0px 10px;
}
.funfactsnumber{
display: flex;
align-items: center;
padding:50px 0px 0px 0px;
}
.factsnumbercols{
width: 33.33%;
padding: 0px 3%;
text-align: center;
}
.funfactstitletxt{
font-size: 34px;
color:#737171;
padding-bottom: 10px;
font-family: 'Montserrat-Regular';
font-weight: 700;
}
.funfactstitl_subetxt{
padding-bottom: 20px;
font-family: 'Montserrat-Regular';
font-size: 18px;
}
.funfactstitl_sub_numberetxt{
color: #a50000;
padding-bottom: 10px;
font-family: 'Montserrat-Regular';
font-size: 56px;
font-weight: 700;
}
.funfactstitl_sub_content{
font-size: 18px;
line-height: 1.5;
}
.acrosstheworldtitle{
text-align: center;
color:#737171;
font-weight: normal;
font-family: 'Julietta';
}
.whysupportcause{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.whysupportcause:before{
position: absolute;
width: 100%;
height: 50px;
background-position: center;
background-size: 100%;
background-repeat: repeat-x;
background-image: url('../images/layer_img.png');
left: 0px;
top: 0px;
z-index: 4;
content: '';
}
.whysupportcause:after{
content:'';
position: absolute;
height: 100%;
width: 50%;
right: 0px;
top: 0px;
z-index: 3;
background-color: rgba(165, 0, 0, 0.6);
}
.whysupportcausecontent{
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
min-height: 90vh;
z-index: 4;
}
.containercausebox{
width: 50%;
padding:100px 20px;
}
.titlewhysupporttx{
font-size: 48px;
font-weight: 700;
color: #ffffff;
font-family: 'Montserrat-Regular';
margin-bottom: 20px;
}
.whysupportcontent{
font-size: 18px;
color:#ffffff;
line-height: 1.5;
}
.boxcontentbtm{
background-color: #ffffff;
border-radius: 3px;
padding:15px;
margin:30px 20% 0px 20%;
text-align: center;
}
.boxcontentbtm a{
text-decoration: underline;
font-size: 18px;
color: #232323;
padding:0px 15px;
font-weight: 600;
}
.boxcontentbtm a:first-child{
border-right: #737171 1px solid;
}
.boxcontentbtm a:hover{
color: #a50000;
}
/* -----------be champion div start ----------- */
.bechampion{
padding:60px 0px 90px 0px;
}
.bechampion .divsliderimage{
margin: 0px 0px 25px 0px;
padding-top:35%;
}
.championimageslider{
display:block;
padding-top:10%;
width:225px;
margin:0px 40px 0px 0px;
}
.bechampiontitlepart{
margin:0px 0px 45px 0px;
}
.bechampion .commanclassdiv{
width:calc(33% - 15px);
}
/* -----------be champion div end ----------- */
/* -----------comman div start ----------- */
.carouselboxlisting{
padding:0px 10px;
}
.commanclassdiv{
position: relative;
box-shadow:0px 0px 8px 0px rgba(0,0,0,22%);
margin: 20px 0px;
}
.commandivwrapper .commanclassdiv .div_sub_title{
width:100%;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
font-size:34px;
font-weight:700;
color:#232323;
}
.divsliderimage{
padding-top: 70%;
width: 100%;
display: block;
}
.commanclassdivtitle{
font-family: 'Montserrat-Regular';
font-weight:700;
position: absolute;
top:-13px;
background-color:#FFFFFF;
padding:0px 5px;
left:50%;
transform: translateX(-50%);
width:auto;
font-size:26px;
color:#232323;
}
.comandivcontainer{
padding:30px;
text-align:center;
color:#232323;
}
.commanclassdiv .div_btn{
margin: 30px 0px 0px 0px;
}
.commanclassdiv .image_text{
margin:15px 0px 0px 0px;
font-size:18px;
color:#232323;
font-family: 'Roboto', sans-serif;
}
.commanclassdivtext{
font-family: 'Montserrat-Regular';
margin:0px 0px 11px 0px;
font-size:18px;
}
.commanclassdivsubtext{
text-align:left;
font-size:16px;
word-break:break-word;
font-family: 'Roboto', sans-serif;
line-height:1.3;
}
.commanclassdivlinkpart{
margin: 30px 0px 0px 0px;
}
.commanclassdivlinkpart a{
margin: 0px 0px;
padding: 0px 10px;
color: #232323;
border-right:#737171 1px solid;
}
.commanclassdivlinkpart a:hover{
color: #a50000;
text-decoration:underline;
}
.commanclassdivlinkpart a:last-child{
border-right:0px;
}
.divviewalllink{
color:#232323;
display:block;
font-size:18px;
text-align:right;
font-family: 'Roboto', sans-serif;
margin:30px 0px 0px 0px;
}
.divviewalllink span:hover {
color: #a50000;
border-bottom: #a50000 2px solid;
}
.divviewalllink span{
border-bottom:#232323 2px solid;
}
/* -----------comman div end ----------- */
/* -----------differnt segment one goal start ----------- */
.diffsegmentonegoal{
position:relative;
}
.diffsegmentonegoal::before,.diffsegmentonegoal::after{
content:'';
position:absolute;
width:50%;
top: 0px;
right:0px;
height:100%;
z-index:-1;
}
.diffsegmentonegoal::before{
background-color:rgba(108,21,21,1);
}
.diffsegmentonegoal::after{
left: 0px;
background-color:rgba(50,43,43,1);
}
.diffsegmentonegoal .commontitleclass{
color:#FFFFFF;
}
.diffsegmentonegoal .section_div{
margin:40px 0px 0px 0px;
}
.diffsegmentonegoal .section_div .ifreme_class{
height:323px;
width:calc(50% - 15px);
background-color:red;
}
.diffsegmentonegoal .section_div .info_part{
position: relative;
width:calc(50% - 30px);
}
.diffsegmentonegoal .section_div .info_part .title_text{
font-family: 'Montserrat-Regular';
font-size:26px;
margin:0px 0px 10px 0px;
}
.diffsegmentonegoal .section_div .info_part .about_detail{
font-size: 18px;
font-weight: 300;
font-family: 'Roboto', sans-serif;
line-height:1.3;
}
.diffsegmentonegoal .section_div .info_part .review_name{
position:absolute;
bottom:13px;
right:0px;
display:block;
font-size:26px;
font-family: 'Kaushan Script', cursive;
text-align:right;
}
.diffsegmentonegoal .section_div .info_part .review_name .rn_margin{
margin:0px 5px 0px 0px;
}
/* -----------differnt segment one goal end ----------- */
/* -----------associationwith start ----------- */
.associated .commandivwrapper{
margin: 40px 0px 0px 0px;
}
.associated .commandivwrapper .commanclassdiv{
width:100%;
}
.associated .commandivwrapper .commanclassdiv:last-child{
margin-right:0px;
}
.associated .slider_dots_parent{
padding:20px 10px 0px 0px;
}
/* -----------associationwith end ----------- */
/* -----------footer start ----------- */
footer{
background-color: #322b2b;
}
.footer_container{
padding:70px 0px 50px 0px;
background-color:#322B2B;
}
.footer_container .part_one {
width: 45%;
}
.footer_container .part_one .left_text{
font-family: 'Montserrat-Regular';
font-size:60px;
color:#989595;
line-height:1.3;
}
.footer_container .part_one .left_text span{
display:block;
}
.footer_container .part_one .left_text span.span1{
color:#C9C7C7;
}
.footer_container .part_two{
width:calc(100% - 50%);
}
.footer_container .part_two .upper_part{
width:100%;
}
.footer_container .part_two .lower_part{
width:100%;
margin: 25px 0px 0px 0px;
}
.footer_container .part_two .subpart_one{
width:33%;
}
.footer_container .title_text{
font-family: 'Montserrat-Regular';
margin:0px 0px 20px 0px ;
display:block;
color:#FFFFFF;
font-size:20px;
}
.footer_container .sub_title{
margin:0px 0px 10px 0px ;
font-family: 'Roboto', sans-serif;
display:block;
color:#989595;
font-size:16px;
line-height:1.3;
}
.footer_container .sub_title:last-child{
margin:0px;
}
footer .site_author{
background-color:#FFFFFF ;
font-size:16px;
font-family: 'Roboto', sans-serif;
color:#322B2B;
padding:10px 0px;
}
/* -----------footer end ----------- */
/* -----------aboutus detailtable css start ----------- */
.aboutus_detailtable{
}
.aboutus_detailtable .detailtable_container{
position:relative;
display:block;
padding:50px 0px 40px 0px;
background-color: #322B2B;
}
.aboutus_detailtable .detailtable_container .upper_table{
border-bottom:#686666 1px solid;
}
.aboutus_detailtable .detailtable_container .lower_table{
}
.aboutus_detailtable .detailtable_container .table_section{
display:block;
width:33.33%;
border-right:#686666 1px solid;
padding:0px 40px 30px;
color:#DEDEDE;
}
.aboutus_detailtable .detailtable_container .table_section:last-child{
border-right:0px;
}
.aboutus_detailtable .detailtable_container .table_section .table_title{
font-family: 'Montserrat-Regular';
text-align:center;
display:block;
font-size:34px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
}
.aboutus_detailtable .detailtable_container .tabletextcenter{
font-family: 'Julietta';
font-size:48px;
color:#DEDEDE;
padding:45px 0px 0px;
}
.aboutus_detailtable .detailtable_container .lower_table .table_section{
padding:40px 40px 30px 40px;
}
.aboutus_detailtable .detailtable_container .table_section .table_title span{
font-weight:300;
}
.aboutus_detailtable .detailtable_container .table_section .table_detail{
font-family: 'Roboto', sans-serif;
font-size:18px;
line-height:1.3;
padding:15px 0px 0px 0px;
}
.aboutus_detailtable .detailtable_container .table_bottomlabel{
position:absolute;
bottom:-22px;
left: 50%;
transform:translateX(-50%);
background-color:#A50000;
color:#FFFFFF;
font-family: 'Montserrat-Regular';
text-transform:capitalize;
font-size:22px;
font-weight: 300;
width: 50%;
padding: 10px 50px 13px 50px;
border-radius: 5px;
}
.aboutus_detailtable .detailtable_container .table_bottomlabel:before{
position: absolute;
width: 100%;
height:100%;
background-position: center;
background-size: 100%;
background-repeat: repeat-x;
background-image: url('../images/shadow_img.png');
left: 0px;
bottom: -36px;
z-index: 4;
content: '';
}
/* -----------our people css start ----------- */
.our-people{ padding:60px 0px 70px 0px; float: left; width: 100%; background: #f4f4f4;}
.ourpeople_container{ padding:20px 0px; }
.people_maincontainer{ }
.our-people .ourpeople_container .peoplewidth_display{
position: relative;
width:25%;
margin:30px 0px 0px 0px ;
overflow: hidden;
}
.our-people .ourpeople_container .hoveroverlay_content p{
position: absolute;
top: 0px;
font-size: 16px;
color: #FFFFFF;
left: 0px;
padding:30px 25px;
word-break: break-word;
line-height:1.3;
overflow:hidden;
}
.peoplehover_overlay{
position: relative;
z-index: 5;
}
.hoveroverlay_content{
position: absolute;
left: 0px;
top: 0%;
width: 100%;
height: 100%;
background-color:rgba(182,50,50,0.8);
z-index: 6;
opacity: 0;
transform: scale(0.9);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.peoplewidth_display:hover .hoveroverlay_content{
top: 0;
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
.our-people .ourpeople_container .title_row .peoplewidth_display{
width:33.33%;
}
.our-people .people_maincontainer .people_image{
position: relative;
padding-top: 100%;
border-radius:50%;
width:205px;
}
.our-people .people_maincontainer .people_image .people_logo_parent{
position: absolute;
border-radius:300px;
border:0px;
right: 8px;
bottom: 8px;
background-color:#FFFFFF;
padding: 8px 8px;
width:46px;
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
}
.our-people .people_maincontainer .people_image .people_logo{
padding-top: 100%;
}
.our-people .people_maincontainer .people_detail{
margin:8px 0px 0px 0px;
text-transform:capitalize;
font-family: 'Montserrat-Regular';
font-size:24px;
color:#A50000;
width:205px;
line-height:1.3;
}
.our-people .people_maincontainer .people_subdetail{
line-height:1.3;
width:205px;
margin:5px 0px 0px 0px;
font-size:18px;
color:#232323;
}
/* -----------annual reports css start ----------- */
.annual_reports{
}
.annual_reports .annualreports_container{
}
.annual_reports .reportsdivsection{
display:block;
}
.annual_reports .annualreports_container .reportdiv_parent:nth-child(3n+1){
margin: 0px 10px 40px 0px;
}
.annual_reports .annualreports_container .reportdiv_parent:nth-child(3n){
margin: 0px 0px 40px 10px;
}
.annual_reports .annualreports_container .reportdiv_parent{
position: relative;
display:block;
width:calc(33.33% - 20px);
margin:0px 10px 40px 10px;
}
.annual_reports .annualreports_container .reportdiv_parent:hover .reportshare_icon{
display:block;
}
.annual_reports .report_imgpart{
padding-top:60%;
width:100%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.annual_reports .reportshare_icon{
padding:16px 12px;
position: absolute;
top: 60%;
right: 0px;
transform:translateY(-50%);
display:none;
background-color: rgba(171,24,24,0.9);
}
.annual_reports .reportshare_icon img{
width: 35px;
}
.annual_reports .report_detailpart{
background-color:#322B2B;
padding:15px 25px;
}
.annual_reports .report_detailpart .report_title{
color:#C9C7C7;
font-size:36px;
font-family: 'Montserrat-Regular'
}
.annual_reports .report_detailpart .report_title span{
margin: 0px 0px 0px 8px;
font-weight:300;
color:#FFFFFF;
}
.annual_reports .report_detailpart .report_detail{
padding: 15px 0px 0px 0px ;
font-size:16px;
color:#C9C7C7;
}
/* -----------campaigndetail page css start ----------- */
/* -----------make contribution css start ----------- */
.make_contribution{
}
.mcontribution_container{
}
.make_contribution .detail_part{
width:calc(50% - 15px);
}
.make_contribution .detail_part .detail_text{
display:block;
font-size:18px;
margin: 15px 0px 20px 0px;
}
.make_contribution .detail_part .detailpart_image{
padding-top:60%;
}
.make_contribution .fund_part{
position: relative;
width: calc(50% - 15px);
background-color:#322B2B;
padding:35px 35px 75px 35px;
color:#DEDEDE;
}
.make_contribution .fund_part .fund_title{
text-transform:capitalize;
font-size:24px;
font-family: 'Montserrat-Regular';
color:#DEDEDE;
margin: 0px 0px 15px 0px;
}
.make_contribution .display_numbers{
font-size:20px;
color:#DEDEDE;
font-family: 'Montserrat-Regular';
}
.make_contribution .display_numbers .displaynumbers_span{
margin:-5px 10px 0px 0px;
}
.make_contribution .fundprogressbar{
width:100%;
overflow:hidden;
height:15px;
border: #C9C7C7 1px solid;
border-radius:15px;
margin: 5px 0px;
}
.make_contribution .fundprogressbar .fundinlinepbar{
height:100%;
background-color: #DEDEDE;
border-right:#7E7A7A 1px solid;
}
.make_contribution .fund_part .fundtext_display{
font-weight:300;
color: #DEDEDE;
}
.make_contribution .fund_part .btn_part{
margin: 30px 0px 40px 0px;
}
.make_contribution .fund_part .funddetailtext{
font-size:18px;
color: #DEDEDE;
line-height:1.3;
}
.make_contribution .fund_part .fundtext_readmore{
font-size:18px;
color: #DEDEDE;
text-decoration:underline;
position:absolute;
bottom: 45px;
left: 35px;
}
/* -----------contribution detail css end ----------- */
.contribttion_detail{
font-size:18px;
color:#232323;
margin: 0px 0px 90px 0px ;
}
.contribttion_detail .cdetail_container{
background-color: #EEEDED;
padding:60px 40px 40px 40px;
}
.contribttion_detail .cdetail_title{
margin: 0px 0px 30px 0px;
}
.contribttion_detail .cdetail_container li{
list-style-type: disc;
margin: 15px 0px 0px 18px;
}
.contribttion_detail .cdetail_container p{
margin: 15px 0px ;
}
.contribttion_detail .cdetail_container .person_name{
margin:30px 0px 15px 0px;
}
/* -----------collobration part css end ----------- */
.collbrations_detail .commandivwrapper{
margin:50px 0px 90px 0px ;
}
/* -----------campaigndetail page css end ----------- */
/* ----------- completed events page css start ----------- */
/* ----------- completed events section css start ----------- */
.completedevents{
margin: 60px 0px 0px 0px;
}
.completedevents .completedevents_box{
position:relative;
height:100%;
width:100%;
background-color:rgba(50,43,43,1) ;
margin: 60px 0px 0px 0px;
}
.completedevents .completedevents_box.overlay:before{
background-color: rgba(165,0,0,1);
}
.completedevents .completedevents_box:first-child{
margin: 10px 0px 0px 0px ;
}
.completedevents .event_image{
position:absolute;
height:100%;
width:100%;
opacity:0.3;
}
.completedevents .border_display{
top: 20px;
left: 20px;
position:absolute;
height:calc(100% - 40px);
width: calc(100% - 40px);
background-color:rgba(50,43,43,70%);
border:rgba(50,43,43,1) 10px solid;
}
.completedevents .border_display span{
position:absolute;
top: 50%;
left: 50%;
transform:translate(-50%,-50%);
font-size: 350px;
color:rgba(180,160,160,0.3);
text-transform:uppercase;
font-weight:700;
}
.completedevents .border_display span.fchange{
font-size: 210px;
}
.completedevents .border_display span.text_blue{
color:rgba(0,120,193,0.4);
}
.completedevents .border_display span.text_red{
color: rgba(239,75,66,0.3);
}
.completedevents .border_display span.text_white{
color: rgba(255,255,255,0.2);
}
.completedevents .event_detail{
position:relative;
z-index:1;
width:100%;
padding:0px 0px 20px 0px;
}
.completedevents .event_detail .event_banner{
background-color:#FFFFFF ;
padding-top:15%;
width:30%;
margin:0px 0px 15px 0px;
background-size: 65%;
}
.completedevents .event_detail .commontitleclass{
color:#FFFFFF;
}
.completedevents .highlights_part {
margin: 20px 0px;
width:100%;
}
.completedevents .highlights_part .left_box{
width:calc(50% - 7%);
margin:0px 2% 0px 5%;
}
.completedevents .highlights_part .right_box{
width:calc(50% - 7%);
margin:0px 5% 0px 2%;
}
.completedevents .highlights_part .highlights_video{
display:block;
width:100%;
height: calc(100% - 35px);
background-color:red;
}
.completedevents .highlights_part .participated{
width:100%;
display:block;
background-color:#8E0808;
padding:10px;
font-family: 'Montserrat-Regular';
color:#FFFFFF;
}
.completedevents .highlights_part .participated.change_color{
background-color:rgba(50,43,43,0.8);
}
.completedevents .highlights_part .title{
font-family: 'Montserrat-Regular';
color:#EFEEEE;
font-size:24px ;
text-transform:uppercase;
margin:0px 0px 10px 0px ;
}
.completedevents .highlights_part .participated .participated_box{
border:rgba(255,255,255,0.5) 1px solid;
padding:10px;
}
.completedevents .participated_box .box_part{
width:50%;
border-right:rgba(255,255,255,0.5) 1px solid;
margin:10px 0px 20px 0px;
}
.completedevents .participated_box .box_part:last-child{
border-right:0px;
}
.completedevents .participated_box .box_part .title{
font-size:24px;
font-weight:300;
color:#FFFFFF;
}
.completedevents .participated_box .number_detail{
color:#FFFFFF;
font-size:32px;
margin:5px 0px 0px 0px;
}
.completedevents .participated_box .participatelower_box{
width:100%;
border-top: rgba(255,255,255,0.5) 1px solid;
padding:20px 0px 10px 0px;
}
.download_box{
display:block;
border: #FFFFFF 2px solid;
top: 40px;
right:40px;
position: absolute;
border-radius:5px;
padding:10px 20px;
}
.download_box img{
display:block;
padding:0px 0px 0px 15px;
}
.download_box .download_box_text{
color: #FFFFFF;
font-size: 22px;
font-weight:300;
text-transform:capitalize;
}
/* ----------- event display event speak, event archieve start ----------- */
.event_display{
margin:60px 0px ;
}
.event_archieve{
margin: 0px 0px 70px 0px;
}
.event_display .display_container{
margin: 25px 0px 0px 0px;
}
.event_display .display_part{
width:calc(33.33% - 30px);
margin:0px 15px ;
}
.event_display .display_part:nth-child(3n){
margin:0px 0px 0px 15px ;
}
.event_display .display_part:nth-child(3n + 1){
margin:0px 15px 0px 0px ;
}
.event_display .display_part .display_video{
width:100%;
height:210px;
background-color:red;
}
.event_display .display_part .display_title{
color:#232323;
font-family: 'Montserrat-Regular';
font-size:24px;
margin: 10px 0px 0px 0px;
line-height:1.3;
}
/* ----------- completed events page css end ----------- */
/* ----------- champion page css start ----------- */
/* ----------- myappeal start ----------- */
.myappeal{
}
.myappeal .myappeal_box{
background-color: #322B2B;
padding:30px 40px;
}
.myappeal .appealvideo_part{
width:calc(50% - 20px);
background-color:black;
}
.myappeal .myappeal_detail{
width:calc(50% - 20px);
color:#DEDEDE;
}
.myappeal .commontitleclass{
line-height:1.2;
}
.myappeal .commontitleclass span{
font-weight:300;
}
.myappeal p{
margin:25px 0px ;
font-size:18px;
line-height:1.3;
}
.myappeal .fund_detail{
width:30%;
font-size:24px;
font-family: 'Montserrat-Regular';
}
.myappeal .appeal_bar{
width:70%;
}
.myappeal .myappeal_detail .detailtext{
font-size: 20px;
font-family: 'Montserrat-Regular';
margin: 20px 0px 0px 0px;
}
.myappeal .helpme_text{
margin: 20px 0px 0px 0px;
font-family: 'Montserrat-Regular';
font-size:24px;
}
.myappeal .btn_part{
margin: 20px 0px 0px 0px;
}
.myappeal .link_part{
margin:20px 0px 0px 0px ;
}
.myappeal .link_part a{
font-family: 'Montserrat-Regular';
font-size:22px;
font-weight:300;
color:#FFFFFF;
padding:0px 0px 5px 0px;
border-bottom:#FFFFFF 1px solid;
margin:0px 30px 0px 0px;
}
.myappeal .link_part a:last-child{
margin:0px;
}
.myappeal .link_part a .link_img{
max-width:40px;
margin: 0px 10px 0px 0px;
}
.myappeal .link_part_two{
margin: 40px 0px 0px 0px;
}
.myappeal .link_part_two a{
font-size:18px;
font-weight:400;
color:#FFFFFF;
padding:0px 15px;
border-right:#FFFFFF 2px solid;
}
.myappeal .link_part_two a:last-child{
border-right:0px;
}
.myappeal .link_part_two a span{
padding:0px 0px 3px 0px;
border-bottom:#FFFFFF 2px solid;
}
/* ----------- encourage start ----------- */
.encourage{
margin: 0px 0px 90px 0px;
}
.encourage .comment_part{
width:100%;
padding:20px 0px;
}
.encourage .diaplay_comment{
background-color: #EEEDED;
border-radius:5px;
padding:13px 45px 10px 45px;
margin:10px 0px;
}
.encourage .diaplay_comment .comment_text{
color:#232323;
font-size:22px;
}
.encourage .diaplay_comment .comment_text span{
font-weight:700;
font-family: 'Montserrat-Regular';
color:#232323;
margin: 0px 0px 0px 5px;
}
.encourage .comment_input{
border:#E0DFDF 2px solid;
border-radius:5px;
background-color:#FFFFFF;
width:100%;
padding: 10px 45px 8px 45px;
}
.encourage .comment_input .comment_style{
font-size:22px;
width:100%;
border: 0px;
}
.encourage ::placeholder{
color:#B9B8B8;
}
.encourage .btn_part a.btn_red{
font-size:22px;
font-weight:300;
width:100%;
padding: 9px 50px 12px 50px;
}
/* ----------- champion page css end ----------- */
/* ----------- contact us css start ----------- */
.pagebanner_part{
position:relative;
}
.pagebanner_part .bottomimg
{
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
z-index: -1;
}
.pagebanner_part .contactdetail_text{
position: relative;
width:100%;
background-color:#322B2B;
color:#FFFFFF;
border-radius:20px;
padding:18px 100px 30px 55px;
font-size:26px;
font-family: 'Montserrat-Regular';
line-height:1.2;
}
.pagebanner_part .contactdetail_text .chat_shape{
position: absolute;
bottom: -25px;
left: 30px;
}
.pagebanner_part .city_infopart .cityinfo_box{
width:calc(33.33% - 30px);
margin:30px 15px 0px 15px;
font-family: 'Montserrat-Regular';
}
.pagebanner_part .city_infopart .cityinfo_box .cityinfo_image{
border-bottom:#A50000 2px solid;
}
.pagebanner_part .city_infopart .cityinfo_box .cityinfo_image .citylogo{
margin:0px 0px -2px 0px ;
}
.pagebanner_part .city_infopart .cityinfo_box .title{
margin:10px 0px 40px 0px;
color:#A50000;
font-size:34px;
text-transform:uppercase;
}
.pagebanner_part .city_infopart .cityinfo_box .city_address p {
font-size:20px;
color:#232323;
margin-bottom:15px;
}
.city_address p span{
font-weight:700;
margin: 0px 5px 0px 0px;
}
.pagebanner_part .city_infopart .cityinfo_box .city_address p:last-child{
margin-bottom:0px;
}
/* ----------- email us ----------- */
.contactemail{
}
.contactemail p{
margin:30px 0px;
color:#A50000;
font-size:18px;
text-align:center;
}
.contactemail .btn_part{
}
.contactemail .btn_part a.btn_darkred{
position:relative;
width:100%;
font-size:24px;
font-weight:300;
padding: 10px 60px 13px 60px;
overflow:hidden;
}
.contactemail .btn_part .send_icon{
position:absolute;
top: 10px;
right:0px;
}
/* ----------- email us ----------- */
.mapdisplay_part{
height:100vh;
width:100%;
background-color:#DEDEDE ;
}
/* ----------- contact us css end ----------- */
/* ----------- cso account page start ----------- */
.csoaccount_detail{
margin: 90px 0px ;
}
.csoaccount_detail .btn_part a.btn_blurwhite{
padding:10px 30px;
}
.csoaccount_detail .detail_box{
background-color:#322B2B;
color:#DEDEDE;
padding:50px 40px 50px 50px;
font-size:18px;
}
.csoaccount_detail .profile_detail{
width:50%;
border-right:rgba(104,102,102,1) 1px solid;
line-height:1.3;
}
.csoaccount_detail .changepassword_part{
width:50%;
}
.profile_detail .account_logo{
margin:20px 0px 15px 0px ;
width: 40%;
padding-top: 25%;
background-color: #FFFFFF;
background-size: 90%;
border-radius:20px;
}
.profile_detail .user_img{
margin: 20px 0px 15px 0px;
padding-top:40%;
width:40%;
border-radius:50%;
}
.profile_detail .account_detail{
padding:0px 50px 0px 0px;
}
.profile_detail .account_detail .detail_title{
font-family: 'Montserrat-Regular';
margin: 0px 0px 15px 0px;
}
.profile_detail .account_detail .detail_text{
word-break:break-word;
margin: 0px 0px 15px 0px;
}
.changepassword_part .email_title{
display:block;
font-family: 'Montserrat-Regular';
margin: 30px 0px 15px 0px;
}
.cpassword_box .input_class{
border-radius:5px;
width:100%;
background-color:#EEEDED;
border:#E0DFDF 2px solid ;
color: #232323;
margin:0px 0px 20px 0px;
}
.cpassword_box .input_class .input_style{
padding:10px 20px 9px 20px;
border-radius:5px;
width:100%;
background-color:#EEEDED;
border:0px;
font-size: 20px;
}
.cpassword_box .input_class .input_style::placeholder{
color:#232323;
font-weight:300;
font-family: 'Montserrat-Regular';
}
.changepassword_part .email_title{
font-size:18px;
}
.changepassword_part .email_display{
word-break:break-word;
font-size:18px;
margin:0px 0px 20px 0px ;
}
.changepassword_part .cpassword_box{
width:50%;
margin: 0px 0px 30px 0px;
}
.changepassword_part .communicationpart{
border-top:rgba(104,102,102,1) 1px solid;
margin: 0px 0px 0px 40px;
padding: 25px 0px 0px 0px;
}
.changepassword_part .communicationpart .comm_detail{
display:block;
font-size:18px;
margin: 0px 0px 20px 40px;
line-height:1.3;
}
.changepassword_part .communicationpart .communication_detail{
margin: 25px 0px 0px 0px ;
}
.csoaccount_detail .detail_box .participating_events{
margin:40px 0px 0px 0px ;
}
.csoaccount_detail .detail_box .participating_events a{
text-decoration:underline;
display:block;
}
.csoaccount_detail .detail_box .participating_events .participating_events_detail{
border:#686666 1px solid;
margin: 20px 0px 0px 0px;
}
.csoaccount_detail .detail_box .partevent_box{
width:50%;
text-align:center;
}
.csoaccount_detail .detail_box .partevent_box .event_header{
font-family: 'Montserrat-Regular';
background-color: #686666;
padding:15px 0px;
margin:2px;
}
.csoaccount_detail .detail_box .partevent_box:last-child .event_header{
margin: 2px 2px 2px 0px;
border-right:0px;
}
.csoaccount_detail .detail_box .partevent_box .event_header:last-child{
margin: 2px 2px 2px 0px
}
.csoaccount_detail .detail_box .partevent_box .event_detail{
color:#DEDEDE;
padding:15px 0px;
border-top:#686666 1px solid;
border-right:#686666 1px solid;
}
.csoaccount_detail .detail_box .partevent_box:last-child .event_detail{
border-right:0px;
}
/* ----------- cso account page end----------- */
/* ----------- event aboutus page start----------- */
/* ----------- about event detail----------- */
.abouteventdetail{
}
.abouteventdetail .eventdetail_box{
height:80vh;
width:100%;
background-color:#322B2B;
padding:30px 35px;
color:#DEDEDE;
font-size:18px;
}
.abouteventdetail .eventdetail_video{
width:calc(50% - 20px);
background-color:black;
}
.abouteventdetail .eventdetail_infopart{
width:calc(50% - 20px);
}
.abouteventdetail .eventdetail_infopart .eventdetail_part{
overflow-y:auto;
height: calc(100vh - 290px);
margin: 20px 0px 0px 0px ;
}
.abouteventdetail .eventdetail_infopart .eventdetail_part p{
display:block;
margin:10px 0px 0px 0px;
line-height:1.3;
}
/* ----------- register for event----------- */
.registerforevent{
margin: 0px 0px 90px 0px;
}
.registerforevent .registerevent_container{
border: #686666 1px solid;
margin: 30px 0px 0px 0px;
}
.registerforevent .event_box{
display:block;
width:25%;
border-right: #686666 1px solid;
padding:20px 0px;
}
.registerforevent .event_box.active .event_title{
color:#E02519;
}
.registerforevent .event_box.active .event_title span{
border-bottom:#E02519 2px solid;
}
.registerforevent .event_box:last-child{
border-right:0px;
}
.registerforevent .event_box .event_img{
max-width: 40px;
margin:0px 0px 10px 0px;
}
.registerforevent .event_box .event_title{
font-size: 22px;
font-weight:300;
color:#322B2B;
font-family: 'Montserrat-Regular';
padding: 0px 0px 5px 0px;
}
.registerforevent .event_box .event_title span{
border-bottom:#322B2B 2px solid;
}
/* ----------- event aboutus page end----------- */
/* ----------- event awards page start----------- */
/* ----------- award detail start----------- */
.awards_detail{
}
.awards_detail .awardsdetail_box{
background-color: #EEEDED;
border-radius:5px;
padding:25px 10px 25px 30px;
}
.awards_detail .margin_class{
padding:15px;
width:100%;
}
.awards_detail .awardsdetail_box ul{
margin:0px;
list-style-type:disc;
}
.awards_detail .awardsdetail_box li{
font-size:16px;
margin: 0px 0px 10px 18px;
list-style-type:disc;
line-height:1.3;
}
.awards_detail .awardsdetail_box .detailbox_title{
font-family: 'Montserrat-Regular';
font-size:24px;
font-weight:300;
margin: 0px 0px 15px 0px;
}
.awards_detail .awardsdetail_box .detailbox_title span{
font-weight:700;
margin: 0px 0px 0px 5px;
}
/* ----------- event awards page end----------- */
/* ----------- event awards two page start----------- */
/* ----------- award gallery---------- */
.awards_gallery{
}
.awards_gallery .gallery_container{
padding:60px 0px 40px 0px;
}
.awards_gallery .gallery_margin{
margin-top:30px;
}
.awards_gallery .gallery_box{
width:100%;
height:100%;
border-radius:5px;
background-color:#EEEDED ;
}
.awards_gallery .gallery_box .gallery_img{
border-radius:5px 5px 0px 0px;
padding-top:60%;
display:block;
}
.awards_gallery .gallery_box .gallerybox_detail{
padding:15px 30px;
}
.awards_gallery .gallery_box .gallerybox_detail span{
font-size:24px;
font-weight:700;
font-family: 'Montserrat-Regular';
display:block;
}
.awards_gallery .gallery_box .gallerybox_detail p{
font-size:18px;
display:block;
margin:15px 0px;
line-height:1.2;
}
.awards_gallery .pagination_part{
padding:0px 0px 60px 0px ;
}
/* ----------- event awards two page end----------- */
/* ----------- fundraisers overviwe start----------- */
/* ----------- fundraisers_freqasked---------- */
.fundraisers_freqasked{
}
.fundraisers_freqasked .freqask_container{
margin: 20px 0px 0px 0px;
}
.askquebox_parent{
margin:0px 0px 10px 0px;
border:#EEEDED 1px solid ;
border-radius:5px;
}
.fundraisers_freqasked .askque_box{
background-color:#EEEDED;
border-radius:5px;
padding:13px 20px 11px 20px;
display:block;
}
.askquebox_parent .aksboxtoggle_content{
padding: 15px 25px;
display:none;
}
.askquebox_parent .aksboxtoggle_content p{
margin-bottom:10px;
}
.askquebox_parent .aksboxtoggle_content p:last-child{
margin-bottom:0px;
}
.askquebox_parent .aksboxtoggle_content a{
color:#232323;
margin: 0px 5px;
}
.fundraisers_freqasked .freqask_container .askquebox_parent span{
margin:0px ;
font-size:16px;
display:block;
width:100%;
}
.fundraisers_freqasked .askquebox_parent:last-child{
margin: 0px;
}
.fundraisers_freqasked .askque_box span{
color:#232323;
font-size:22px;
display:block;
width:100%;
}
.fundraisers_freqasked .askque_box .link_img{
max-width:15px;
height:14px;
width:14px;
}
.fundraisers_freqasked .askque_box .link_img.img_plus{
background-image:url('../images/plus.svg');
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.fundraisers_freqasked .askque_box .link_img.img_minus{
background-image:url('../images/minus_sign.svg');
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
/* ----------- fundraise_category---------- */
.fundraise_category{
padding:90px 0px;
}
.fundraise_category .fundcategory_container{
margin: 30px 0px 0px 0px;
}
.fundraise_category .fcategory_box{
padding:40px 0px;
text-align:center;
width:33.33%;
border-right:#686666 1px solid;
border-bottom:#686666 1px solid;
}
.fundraise_category .fcategory_box:nth-child(3n){
border-right:0px;
}
.fundraise_category .fcategory_box:nth-child(1){
padding:30px 0px 40px 0px;
}
.fundraise_category .fcategory_box:nth-child(2){
padding:30px 0px 40px 0px;
}
.fundraise_category .fcategory_box:nth-child(3){
padding:30px 0px 40px 0px;
}
.fundraise_category .fcategory_box:nth-last-child(1){
border-bottom:0px;
}
.fundraise_category .fcategory_box:nth-last-child(2){
border-bottom:0px;
}
.fundraise_category .fcategory_box:nth-last-child(3){
border-bottom:0px;
}
.fundraise_category .fcategory_box .fcategory_subdetail{
font-size:18px;
display:block;
margin:20px 0px 0px 0px ;
}
.fcategory_box .commansubtitleclass span{
margin: 0px 10px 0px 0px;
font-weight:300;
}
/* ----------- fundraisers overview end----------- */
/* ----------- cso_detail 3 page start ----------- */
.pagedesign_banner .csodetail_pagebanner{
}
.csodetail_pagebanner .logo_part{
width:20%;
}
.csodetail_pagebanner .logo_part .logo_img{
max-width:210px;
}
.csodetail_pagebanner .detail_part{
width:calc(100% - 20%);
}
.csodetail_pagebanner .detail_part .detailpart_box{
width:30%;
margin: 15px 0px 0px 0px;
}
.csodetail_pagebanner .detail_part .detailpart_box .detail_info{
font-size:20px;
font-weight:700;
margin: 0px 0px 5px 0px;
line-height:1.3;
}
.csodetail_pagebanner .detail_part .detailpart_box .detail_info span{
font-weight:300;
margin: 0px 0px 0px 5px;
}
.csodetail_pagebanner .csomissiondetail{
}
.csodetail_pagebanner .csomissiondetail .believe_img{
width:20%;
margin: 13px 0px 0px 0px;
}
.csodetail_pagebanner .csomissiondetail .about_detail{
width:calc(100% - 25% + 8px);
}
/* -----------------our mission---------------- */
.csodetail .make_contribution .fund_part{
padding:35px;
}
.csodetail .myappeal .appealvideo_part{
width: 100%;
height: calc(100% - 28%);
display: block;
}
/* ----------------our achievements ---------------- */
.ourachivements{
}
.ourachivements .achivement_box{
background-color:#322B2B ;
padding: 35px 40px;
}
.achivement_box .achivement_box_titlepart{
margin: 0px 0px 20px 0px;
}
.achivement_box .achivement_img{
max-width:90px;
}
.achivement_box .achive_title{
font-family: 'Julietta';
font-size:52px;
color:#FFFFFF;
display:block;
line-height:0.9;
}
.achivement_box .achivementbox_detail{
color:#EEEDED;
font-size:18px;
}
.achivement_box .achivementbox_detail p{
margin: 0px 0px 13px 0px;
line-height: 1.1;
}
.achivement_box .achivementbox_detail p:last-child{
margin: 0px;
}
.achivement_box .achivementbox_detail ul{
margin:25px 0px;
}
.achivement_box .achivementbox_detail li{
position:relative;
margin:0px;
list-style-type:none;
line-height: 1.1;
padding:0px 0px 7px 15px;
}
.achivement_box .achivementbox_detail li:last-child{
padding:0px 0px 0px 15px;
}
.achivement_box .achivementbox_detail li:before{
content:'';
position:absolute;
top:6px ;
left: 0px;
border-radius:50%;
height:9px;
width:9px;
display:block;
background-color:#DF4731;
}
/* ----------------our supporters ---------------- */
.oursupporters{
margin: 90px 0px;
}
.oursupporters .radiobtn_part{
margin: 10px 0px 0px 0px;
}
/* ----------- cso_detail 3 page end ----------- */
/* ----------- cso page start ----------- */
.cso_part{
padding:60px 0px;
}
.cso_part .commonbox .link_part{
margin:15px 0px;
}
.cso_part .commonbox .circle_link{
margin:10px 0px 0px 0px;
}
/* ----------- cso page end ----------- */
/* ----------- csosignup _new reg page start ----------- */
.csosignup_newreg{
padding:90px 0px;
}
.csosignup_newreg .signup_text{
font-size:18px;
color:#322B2B;
padding: 2px 0px 0px 30px;
margin:0px 0px 60px 0px ;
}
/* ----------- csosignup _new reg page end ----------- */
/* ----------- donate page start----------- */
/* ----------- donate pagebanner start----------- */
.pagedesign_banner .donate_banner{
}
.pagedesign_banner .donate_banner .radiobtn_part_two{
margin:30px 0px 0px 0px ;
}
.donate_banner .donate_step{
margin:0px 0px 20px 0px;
}
.donate_banner .donate_step .donatestep_part{
border-radius:50%;
background-color:#7F7D7D;
font-size:23px;
color:#FFFFFF;
padding:10px 17px;
margin:0px 10px 0px 0px ;
}
.donate_banner .donate_step .donatestep_part.active{
background-color:#A50000 ;
}
.donate_banner .donate_step .donatestep_part:last-child{
margin:0px;
}
/* ----------- donate part start----------- */
.donate_part{
}
.donate_part .donate_container{
}
.donate_part .form_part{
}
.donate_part .condition_part .text_part{
font-size:18px;
color:#232323;
width:calc(100% - 27%);
}
.donate_part .condition_part .text_part span{
display:block;
color:#A50000;
margin:10px 0px 0px 0px ;
}
.donate_part .condition_part .text_part a{
margin:0px 0px 0px 5px ;
color:#A50000;
text-decoration:underline;
}
.donate_part .btn_part{
width: 24%;
}
/* ----------- note part ----------- */
.note_part{
margin: 0px 0px 90px 0px;
}
.note_part .note_container{
background-color: #F2F2F2;
border-radius:5px;
padding:20px 35px;
}
.note_part .title_part{
margin:0px 0px 25px 0px;
}
.note_part .title_part span{
color:#A50000;
}
.note_part .pin_img{
max-width: 30px;
margin:0px 8px 0px 0px;
}
.note_part .info_part {
}
.note_part .info_part .info_box{
width:30%;
font-size:18px;
line-height:1.3;
}
.note_part .info_part .info_box span{
color:#A50000;
display:block;
margin:0px 0px 20px 0px ;
}
.note_part .info_part .info_box span:last-child{
margin:0px;
}
.note_part .info_part .info_box p{
display:block;
color:#7D7C7C;
margin:0px 0px 20px 0px ;
}
.note_part .info_part .info_box p:last-child{
margin:0px;
}
/* ----------- donate page end ----------- */
/* ----------- donate page 2 start----------- */
.donate-confirmation{
font-family: 'Montserrat-Regular';
}
.donate-confirmation .confirm_container .conf_box{
width:20%;
}
.donate-confirmation .confirm_container .conf_detail{
width:51%;
}
.conf_box .conf_img{
padding-top:50%;
width:100%;
display:block;
}
.conf_box .conf_persondetail{
font-size:18px;
}
.conf_box .conf_persondetail .person_name{
margin:15px 0px ;
display:block;
}
.conf_box .conf_persondetail span,p{
display:block;
line-height:1.3;
margin-bottom:0px;
}
.conf_detail .conf_subtitle{
padding:10px 0px;
font-size:24px;
border-bottom: #A50000 5px solid;
}
.conf_detail .conf_detail_table{
font-size:24px;
margin:30px 0px 10px 0px;
}
.conf_detail .conf_detail_table .conf_detail_table_row{
padding:15px 0px 10px 0px;
border-bottom:#7F7D7D 2px solid;
}
.conf_detail .conf_detail_table .left_part{
max-width:70%;
word-break:break-word;
color:#232323;
}
.conf_detail .conf_detail_table .left_part span{
color:#232323;
}
.conf_detail .conf_detail_table .right_part{
word-break:break-word;
max-width:30%;
color:#232323;
}
.conf_detail .conf_detail_table .right_part .rupee_black{
max-width:13px;
max-height:20px;
margin:4px 5px 0px 0px;
}
.conf_detail .check_note{
margin:25px 0px 30px 0px ;
}
.conf_detail .check_note div{
font-family: 'Roboto', sans-serif;
font-size:18px;
margin:2px 0px 0px 20px ;
padding:0px 0px 0px 10px ;
}
.conf_detail .check_note a{
color:#A50000;
margin:0px 0px 0px 5px ;
}
/* ----------- donate page 2 end----------- */
/* ----------- event faq page start ----------- */
/* ----------- event faq start ----------- */
.event_faq{
font-family: 'Montserrat-Regular';
}
.event_faq .event_container{
}
.event_faq .event_container .event_box:first-child {
margin:0px 10px 0px 0px;
}
.event_faq .event_box:last-child{
margin:0px 0px 0px 10px;
}
.event_faq .event_box{
font-size:24px;
width:calc(33.33% - 15px);
margin:0px 10px ;
border-radius:5px;
}
.event_faq .event_box .textpart_toggle{
margin: -10px 0px 0px 0px;
padding:0px 30px 15px 30px;
background-color:#EEEDED;
}
.event_faq .event_box .textpart_toggle p{
line-height:1 ;
}
.event_faq .event_box .textpart_toggle span{
font-size:16px;
font-family: 'Roboto', sans-serif;
}
.event_faq .event_box .text_part{
background-color:#EEEDED;
display: block;
width:100%;
padding:15px 30px;
line-height:1.3;
color:#232323;
min-height:123px;
}
.event_faq .event_box span a{
color:#232323;
}
.event_faq .event_box a .plus_sign{
display:block;
margin:5px 0px 0px 10px;
}
/* ----------- find an answer start ----------- */
.findananswer{
}
.findananswer .form_box{
margin:30px 0px 80px 0px;
}
.findananswer .form_box p{
font-size:14px;
color:#A50000;
}
/* ----------- event faq page end----------- */
/* -----------fundraising part start ----------- */
.fundraising_part{
}
.fundraising_part .fundraising_box{
background-color:#EEEDED;
padding:30px 35px;
}
.fundraising_part .fundraising_box span{
font-family: 'Montserrat-Regular';
font-size:24px;
font-weight:700;
color:#232323;
line-height:1.3;
}
.fundraising_part .fundraising_box ul{
margin-bottom:0px;
margin:15px 0px 15px 15px ;
}
.fundraising_part .fundraising_box li{
margin-bottom:0px;
list-style-type:disc;
font-size:18px;
margin:0px 0px 15px 0px ;
padding: 0px 0px 0px 10px;
}
/* ----------- make_your_fundraising_page end----------- */
/* ----------- sign up page start---------- */
/* ----------- sign up banner ---------- */
.signup_banner .commansubtitleclass {
margin:25px 0px 15px 0px;
}
/* ----------- sign up form ---------- */
.signup_form{
padding:40px 0px 90px 0px;
}
.signup_form .signup_oropt{
background-color:#322B2B;
color:#FFFFFF;
font-size:20px;
font-family: 'Montserrat-Regular';
border-radius:50%;
padding: 18px 17px;
height: 54px;
width: 54px;
margin:20px 0px ;
}
/* ----------- sign up page end----------- */
/* ----------- event adhm page start ----------- */
/* ----------- event adhm page banner ----------- */
.event_banner{
margin:30px 0px 15px 0px ;
}
.event_banner .eb_box{
width: 8%;
margin-right: 8px;
margin-left: 8px;
}
.event_banner .eb_box .commontitleclass{
color:#E02519;
}
.event_banner .eb_box .ebbox_text{
font-size:18px;
font-weight:300;
line-height: 1.2;
/* margin:30px 0px ; */
}
.event_banner .eb_box .ebbox_text:last-child{
/* margin: 30px 0px 0px 0px; */
}
/* ----------- commonevent_box ----------- */
.commonevent_box{
padding: 0px 0px 90px 0px;
}
/* ----------- change display ----------- */
.change_display.blue{
}
.change_display.blue .eb_box .commontitleclass{
color:#007FC5;
}
.change_display.blue .commonbox{
background-color:#007FC5 ;
}
/* ----------- event adhm page end ----------- */
/* ----------- fundraising page start ----------- */
/* ----------- fundraising banner start ----------- */
.fundraising_banner{
margin:30px 0px 20px 0px;
}
.fundraising_banner .wide_btn a{
width:30%;
}
/* ----------- fundraising part start ----------- */
/* .fundraise_wrapper .customfieldinput ,select , option{
font-family: 'Montserrat-Regular';
font-size:20px;
padding:6px 25px;
} */
.fundraising_part{
margin:30px 0px 90px 0px;
}
.fundraising_part .btn_part a.btn_darkred{
background-color:#E02519 ;
}
.fundraising_table .table{
margin-bottom:0px;
}
.fundraising_table{
border:#B3B1B1 1px solid ;
border-bottom: 0px;
font-family: 'Montserrat-Regular';
justify-content:center;
align-items:center;
text-align:center;
line-height:1.3;
margin:0px 0px 30px 0px ;
}
.fundraising_table thead{
background-color: #232323;
color:#FFFFFF;
}
.fundraising_table th{
padding:20px 3px;
border-right:#B3B1B1 1px solid;
font-size:18px;
font-weight:300;
line-height:1.3;
}
.fundraising_table th.th_title{
width:10%;
}
.fundraising_table .rupee_sign{
max-height: 13px;
max-width: 9px;
margin:-2px 2px 0px 0px;
}
.fundraising_table tr {
border-bottom:#B3B1B1 1px solid ;
}
.fundraising_table tr td{
border-right:#B3B1B1 1px solid ;
}
.fundraising_table tr td.td_title{
padding:15px 7px;
}
.fundraising_table .checkboxclass_three{
margin-top:-30px;
margin-right:23px;
}
/* ----------- fundraising page end ----------- */
/* ----------- my account page start ----------- */
/* ----------- my account banner ----------- */
.myaccount_banner{
margin:30px 0px 0px 0px;
}
.myaccount_banner .customfieldinput {
width:33.33%;
font-size:20px;
margin-bottom:0px;
padding:1px 25px;
}
.myaccount_banner select{
width:100%;
padding:4px 25px;
}
.myaccount_banner .wide_btn{
width:33.33%;
display:block;
}
.wide_btn a.btn_one.active{
height:50px;
padding:10px 25px 12px 25px;
}
/* ----------- my account part ----------- */
.myaccount .profile_detail {
width:33.33%;
}
.myaccount .profile_detail p{
margin-bottom:10px;
}
.myaccount .detail_title{
font-family: 'Montserrat-Regular';
margin: 0px 0px 15px 0px;
}
.myaccount .changepassword_part{
width:33.33%;
}
.myaccount .changepassword_part .cpassword_box{
width:80%;
}
.myaccount .changepassword_part .email_title{
margin:15px 0px;
}
.myaccount .activity_summary{
width:33%;
border-left: rgba(104,102,102,1) 1px solid;
}
.myaccount .activity_summary .summary_box{
padding:0px 0px 0px 40px;
}
.myaccount .activity_summary .summary_title{
font-size:24px;
font-family: 'Montserrat-Regular';
margin:15px 0px;
}
.myaccount .activity_summary .sdetail{
margin:0px 0px 15px 0px ;
}
.myaccount .activity_summary .sdetail1{
font-family: 'Montserrat-Regular';
font-weight:300;
}
.myaccount .activity_summary .sdetail1{
font-weight:300;
}
/* ----------- my account page end ----------- */
/* ----------- featured events page start ----------- */
.featuredevents{
position: relative;
}
.featuredevents .download_box{
top: auto;
bottom:30px;
right:30px;
}
.featuredevents .completedevents .highlights_part .left_box{
width:60%;
margin: 0px;
}
.featuredevents .completedevents .participated_box .box_part{
width:33.33%;
}
/* ----------- featured events page end ----------- */
/* ----------- reach out page start ----------- */
/* ----------- reach out banner start ----------- */
.reachout_banner{
margin:30px 0px 0px 0px ;
}
.reachout_banner .wide_btn a{
width:30%;
}
/* ----------- reach out part start ----------- */
.reachout{
margin: 30px 0px 90px 0px;
}
.reachout_box
{
font-family: 'Montserrat-Regular';
background-color:#322B2B;
padding:50px 55px;
color:#DEDEDE;
margin:0px 20px ;
}
.reachout_box .reachout_title_part{
font-size:30px;
font-weight:700;
}
.reachout_box .reachout_title_part span{
font-weight:300;
margin:0px 0px 0px 5px ;
}
.reachout_box .reachout_detail{
margin: 15px 0px 30px;
font-size:24px;
font-weight:300;
line-height:1.3;
}
.reachout_box .reachout_img .reach_img{
display: block;
border:#FFFFFF 20px solid ;
max-width:86%;
margin: 0px 7% ;
box-shadow:0px 21px 21px 0px rgba(0,0,0,75%);
}
.reachout .reachoutbox_detail{
background-color: #EDECEC;
padding:60px 10px;
}
.reachoutbox_detail .block_detail{
width:33.33%;
padding:0px 40px;
border-right:#686666 1px solid;
font-size:18px;
}
.reachoutbox_detail .block_detail:last-child{
border-right:0px;
}
.block_detail .block_image{
display:block;
padding-top:50%;
width:50%;
border-radius:50%;
}
.block_detail .name{
margin:15px 0px;
}
.block_detail .organization_name{
font-family: 'Montserrat-Regular';
}
.reachoutbox_detail .block_detail p{
margin:10px 0px 20px 0px;
font-size:16px;
line-height:1.3;
}
.block_detail .blockdetail_title{
font-family: 'Montserrat-Regular';
color:#A50000;
font-size:30px;
font-weight:700;
margin:0px 0px 15px 0px ;
text-transform:uppercase;
}
.block_detail .blockdetail_title span{
font-weight:300 ;
margin:0px 0px 0px 7px ;
}
.block_detail ul{
}
.block_detail li{
position: relative;
padding: 0px 0px 15px 15px;
line-height:1.3;
}
.block_detail li:before{
position: absolute;
content:'*';
color:#A50000;
font-size:24px;
top: 0px;
left: 0px;
}
.reachout .touchwitus{
background-color:#322B2B;
font-family: 'Montserrat-Regular';
color: #DEDEDE;
padding:50px 0px 40px 0px;
margin:0px 20px;
}
.touchwitus .touchwithus_box{
width:70%;
margin:0px 15%;
}
.touchwitus .touchwitustitle{
font-size:30px;
margin:0px 0px 30px 0px ;
}
.touchwitus .touchwitustitle span{
font-weight:300;
}
.touchwitus ::placeholder{
font-family: 'Montserrat-Regular';
font-size:20px;
font-weight:300;
color:#232323;
}
.touchwitus input::-webkit-input-placeholder {
font-family: 'Montserrat-Regular';
font-size:20px;
font-weight:300;
color:#232323;
}
.touchwitus input::-moz-placeholder { /* Firefox 19+ */
font-family: 'Montserrat-Regular';
font-size:20px;
font-weight:300;
color:#232323;
}
.touchwitus input:-ms-input-placeholder {
font-family: 'Montserrat-Regular';
font-size:20px;
font-weight:300;
color:#232323;
}
.touchwitus .customfieldinput {
background-color:#EEEDED;
border:#E0DFDF 2px solid ;
border-radius:5px;
}
.touchwitus .customfieldinput .form-control{
padding: 15px 25px 12px 25px;
}
.touchwitus .customfieldinput .form-control:focus{
box-shadow:0px 0px 10px 0px rgba(143, 138, 138,56%);
border:rgba(143, 138, 138,45%) 2px solid;
}
.reachout .btn_part{
margin-top: -25px;
}
/* ----------- reach out page end ----------- */
/* ----------- for corporate page start ----------- */
.forcorporate{
padding:90px 0px ;
}
.forcorporate .corporate_box{
background-color:#EEEDED ;
border-radius:5px;
padding: 25px 30px;
font-size:18px;
}
.forcorporate .corporate_box p{
line-height:1.3;
margin-bottom:20px;
}
.forcorporate .corporate_box a{
color:#232323;
text-decoration:underline;
}
.forcorporate .corporate_box span{
font-family: 'Montserrat-Regular';
font-size:24px ;
display: block;
}
.forcorporate .corporate_box ul{
margin:10px 0px 0px 0px ;
}
.forcorporate .corporate_box li{
list-style-type:disc;
line-height:1.3;
margin: 0px 0px 7px 20px;
padding: 0px 0px 0px 15px;
}
/* ----------- for corporate page end ----------- */
/* ----------- how to start fundraisering page start ----------- */
.startfundraising .forcorporate{
padding:60px 0px 90px 0px;
}
.startfundraising .forcorporate .corporate_box span{
line-height:1.3;
margin-bottom:20px;
}
/* ----------- how to start fundraisering page end ----------- */
/* ----------- what we offer for cso page start ----------- */
.offerforcso .forcorporate .corporate_box span{
margin-bottom:20px;
}
.offerforcso .forcorporate .corporate_box ul{
margin:-10px 0px 20px 0px ;
}
/* ----------- what we offer for cso page end ----------- */
/* ----------- partner dashboard start ----------- */
/* ----------- partner dashboard banner ----------- */
.pdashboard_banner{
margin:30px 0px 0px 0px ;
}
.pdashboard_banner .wide_btn a{
align-items:center;
width:30%;
}
.pdashboard_banner .wide_btn a.btnwide_red .widebtn_icon{
margin: 0px;
max-width:25px;
max-height:30px;
margin:0px 15px 0px 0px;
}
/* ----------- chart part start ----------- */
.chart_part{
margin:60px 0px 60px 0px ;
}
.chart_part .chart_container{
}
.chart_part .chart_container .chart_box{
height:40vh;
width:calc(33.33% - 30px);
margin:0px 15px ;
box-shadow:0px 0px 5px 0px rgba(0,0,0,45%);
border-radius:10px;
}
.chart_part .chart_container .chart_box:nth-child(3n){
margin: 0px 0px 0px 15px;
}
.chart_part .chart_container .chart_box:nth-child(3n+1){
margin:0px 15px 0px 0px;
}
/* ----------- chart part end ----------- */
/* ----------- view transactions ----------- */
.view_transaction{
margin:0px 0px 90px 0px ;
}
.view_transaction .table_options{
margin:30px 0px ;
}
.table_options .tableopt_box{
width:calc(25% - 30px);
margin:0px 15px;
border:#E0DFDF 2px solid ;
height:50px;
border-radius:5px;
}
.table_options .tableopt_box:nth-child(4n){
margin:0px 0px 0px 15px;
}
.table_options .tableopt_box:nth-child(4n+1){
margin:0px 15px 0px 0px;
}
.view_transaction .table_part{
font-size:18px;
margin:0px 0px 40px 0px ;
}
.table_part table{
width:100%;
border:#B3B1B1 1px solid;
}
.table_part thead{
background-color:#232323;
color:#FFFFFF;
}
.table_part .table td, .table th{
padding:15px 25px;
border-right:#B3B1B1 1px solid;
}
.table_part thead tr th.name{
width:30%;
}
.table_part thead tr th.date{
width:30%;
}
.table_part thead tr th.detail{
width:40%;
}
.table_part table tbody tr td a{
text-decoration:underline;
color:#232323;
}
.table_part table tbody tr td .table_rimg{
max-width:15px;
max-height:15px;
margin:0px 3px 0px 0px ;
}
/* ----------- partner dashboard end ----------- */
/* ----------- login page start ----------- */
.login{
position: relative;
height:100vh;
width:100%;
}
.loginbox{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 29%;
height:auto;
z-index: 5;
background-color:#FFFFFF ;
padding:40px;
}
.loginbox .login_logo{
max-width:100%;
max-height:90px;
display:block;
margin:0px 0px 30px 0px ;
}
.loginbox .forgot_link{
font-family: 'Montserrat-Regular';
font-weight:300;
color:#232323;
text-decoration:underline;
display: block;
margin: -6px 0px 16px 0px;
}
.loginbox span{
display:block;
margin:10px 0px ;
font-size:16px;
font-family: 'Roboto', sans-serif;
}
.loginbox .btn_part a{
margin:0px ;
}
.loginbox .customfieldinput.form-group{
margin:0px 0px 20px 0px ;
}
/* ----------- login page end ----------- */
/* ----------- pop up start ----------- */
.popup{
height:100vh;
width:100%;
}
.popup .popup_box{
position:absolute;
top: 50%;
left:50%;
transform:translate(-50%,-50%) ;
background-color:#FFFFFF ;
color:#232323;
font-size:34px;
box-shadow:3px 4px 21px 0px rgba(0,0,0,75%) ;
padding:50px;
z-index:5;
height: 365px;
width:800px;
}
.popup .popup_box .map_img{
position: absolute;
top: 20px;
left: 20px;
height:330px;
width:300px;
}
.popup .popup_box .btn_border{
margin:15px 0px ;
padding:0px 110px;
border-top: #B4B3B3 2px solid;
border-bottom: #B4B3B3 2px solid;
}
.popup .popup_box .btn_border .radiobtn_part_two{
line-height:0;
margin:12px 0px ;
}
.popup .popup_box .info_part{
position:absolute;
top: 50%;
left:50%;
transform:translate(-50%,-50%) ;
}
.popup .popup_box .commansubtitleclass{
margin:0px 0px 50px 0px ;
line-height:1.1;
width:82%;
}
.popup .popup_box .commansubtitleclass span.fontred{
color:#A50000;
font-weight:700;
}
/* ----------- pop up end ----------- */
/* ----------- carousel css start ----------- */
.ourinitatives .owl-carousel .owl-dots{
display:flex;
justify-content:center;
}
.ourinitatives .owl-carousel button.owl-dot{
background-color:#D2D2D2 !important;
height: 9px !important;
width: 9px !important;
border-radius:50% !important;
display:block;
margin:0px 5px 0px 0px ;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ourinitatives .owl-carousel button.owl-dot.active{
background-color:#918F8F !important;
}
.ourinitatives .owl-carousel button.owl-dot:last-child{
margin:0px;
}
.associated .owl-carousel .owl-dots{
display: flex;
justify-content: flex-end;
}
.associated .owl-carousel button.owl-dot{
background-color:#D2D2D2 !important;
height: 9px !important;
width: 9px !important;
border-radius:50% !important;
display:block;
margin:0px 5px 0px 0px ;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.associated .owl-carousel button.owl-dot.active{
background-color:#918F8F !important;
}
.associated .owl-carousel button.owl-dot:last-child{
margin:0px;
}
.collbrations_detail .owl-carousel .owl-dots{
display: flex;
justify-content: flex-end;
}
.collbrations_detail .owl-carousel button.owl-dot{
background-color:#D2D2D2 !important;
height: 9px !important;
width: 9px !important;
border-radius:50% !important;
display:block;
margin:0px 5px 0px 0px ;
}
.collbrations_detail .owl-carousel button.owl-dot.active{
background-color:#918F8F !important;
}
.collbrations_detail .owl-carousel button.owl-dot:last-child{
margin:0px;
}
/* ----------- carousel css end----------- */
.mobile-menu .logo img{width: 220px;}
.m-menu { position: absolute; left:15px; top: 30px; display: none; z-index:999999;}
.m-menu img { width: 20px;}
.mobile-menu .logo { padding:12px 15px;}
.mobile-menu{ position:fixed; top:78px; bottom: 0; width:100%; z-index: 9999; overflow-y:auto; overflow-x:hidden; padding:30px 0; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: #fff; border-top: 1px solid #BF0D0D;}
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%; background: #fff; float: left; padding: 0px; height:100%; display: inherit;}
.m-menu { width: 25px; height: 22px; margin: 0px 0 0 0; -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right; }
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #161615; border-radius: 0px; opacity: 1;
left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
/* Icon 4 */
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -4px; left: 4px; background: #BF0D0D;}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; left: 4px; background: #BF0D0D;}
.hght{overflow:hidden;}
.nav ul { float: left; width: 100%; margin:0px; text-align: center; display: flex; flex-wrap: wrap; row-gap: 20px;}
.nav ul li { flex: 0 1 100%;}
.nav ul li a { color: #000; font-size: 18px; padding-left: 0px; line-height:24px; font-family: 'Montserrat-Regular'; letter-spacing:0.5px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; display: inline-flex; align-items: center;}
.nav ul li a.active, .nav ul li a:hover{ color:#BF0D0D; font-family: 'Montserrat-Bold';}
.mob-join-btn { width:100%; display: flex; flex-wrap: wrap; justify-content: center; margin-top:20px; float: left;}
.mob-join-btn a {background: #BF0D0D; color: #ffffff; border: 1px solid #BF0D0D; border-radius: 3px; font-family: 'martelregular';transition: all .5s ease; font-size: 14px; line-height: 23px; width: 180px; height: 37px; display: flex; align-items: center; justify-content: center;}
.mob-join-btn a:hover{background: #fff; color:#BF0D0D;}
.mob-scl-links { width:100%; text-align:center; margin-top:35px; float: left;}
.mob-scl-links ul { border-top: none; column-gap: 15px; justify-content: center;}
.mob-scl-links ul li { flex: 0 1 auto; border-bottom:none; float:none; display:inline-block; text-align:center; padding:0;}
.mob-scl-links ul li a { color: #000;font-size: 16px;transition: all .5s ease;display: flex;border: 1px solid #000;border-radius: 100px;align-items: center;justify-content: center;line-height: 28px; float: left;padding: 0;transition: all .5s ease;}
.mob-scl-links ul li a:hover, .mob-scl-links ul li a.active { background: #BF0D0D; color:#fff; border: 1px solid #BF0D0D;}
.nav ul li a .feather {margin-right: 10px;font-size: 20px; }
.mob-other-lnks { width:100%; text-align:center; margin-top:20px; float: left;}
.mob-other-lnks ul { display: flex; flex-wrap: wrap; row-gap: 15px;}
.mob-other-lnks ul li { flex: 0 1 100%; padding: 0;}
.mob-other-lnks ul li a { font-size: 14px;}
.mob-other-lnks ul li a:hover { color:#BF0D0D; font-family: 'Montserrat-Regular'; }
.mob-scl-links ul li:hover a { color: #BF0D0D;}
.mob-scl-links ul li:hover a i { color: #BF0D0D;}
/*13-01-2025*/
img { border: 0; height: auto; max-width: 100%; vertical-align: middle; width: 100%; }
header { float: left; width: 100%; position: relative; z-index: 999; background: #ffffff; padding: 0px 30px;}
.is-sticky header { box-shadow: 0 7px 7px rgba(0,0,0,0.2); }
.head-out { float: left; width: 100%;}
.top-social{width: auto;}
.top-social ul { display: flex; align-items: center; column-gap: 8px; }
.top-social ul li { flex: 0 1 auto;}
.top-social ul li a { color: #BF0D0D;font-size: 14px;transition: all .5s ease;width: 30px;height: 30px;display: flex;border: 1px solid #BF0D0D;border-radius: 100px; transition: all .5s ease; align-items: center;justify-content: center;line-height: 28px;}
.top-social ul li a:hover { background: #BF0D0D; color:#fff;}
.top-sec { float: left; width: 100%; padding: 0px 0px; box-shadow: 0 0 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);-o-box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.top-sec-inn { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.logo { float: left;position: relative; padding: 0;}
.logo a{float: left;}
.logo a img { float: left; width: auto;}
.top-lft { float: right; display: flex; align-items: center; justify-content: left; column-gap: 30px; flex: 0 1 34%;}
.top-mid {flex: 0 1 33%;justify-content: center;text-align: center;display: flex;}
.top-rht {flex: 0 1 32%;}
.top-rht ul{width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: right; align-items: center; column-gap: 25px; row-gap: 0;}
.top-rht ul li{flex: 0 1 auto;}
.top-rht ul li a i{font-size: 26px; color: #000; transition:all .5s ease;}
.top-rht ul li .search-btn a i { font-size: 24px; line-height: 26px;}
.top-rht ul li a:hover i{opacity: 0.7;}
/* footer */
footer {float: left; width: 100%; background: #000; padding: 80px 30px;}
.foot-inner{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 50px;}
.foot-top{float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 5%; row-gap: 0;}
.foot-lft{flex: 0 1 75%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 0;}
.foot-menu-lst{flex: 0 1 16%;}
.foot-menu-lst h3{width: 100%; float: left; margin-bottom: 15px;}
.foot-menu-lst h3 a{color: #999; font-family: 'Montserrat-Medium'; font-size: 16px; line-height: 24px; text-transform: uppercase;}
.foot-menu-lst ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 10px;}
.foot-menu-lst ul li{flex: 0 1 100%;}
.foot-menu-lst ul li a{color: #fff; font-family: 'Montserrat-Medium'; font-size: 16px; line-height: 24px; transition:all .5s ease;}
.foot-menu-lst ul li a:hover{color: #999;}
.foot-rgt{flex: 0 1 20%;}
.foot-rgt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10%; justify-content: right;}
.foot-rgt ul li{flex: 0 1 auto;}
.foot-rgt ul li a{width: auto; float: left; }
.foot-rgt ul li a .fa-brands {font-size: 36px;color: #fff; transition:all .5s ease;}
.foot-rgt ul li a:hover .fa-brands{opacity: 0.7;}
.foot-btm{float: left; width: 100%;}
.foot-btm p{float: left; width: 100%; color: #fff; font-size: 16px; line-height: 24px;}
/* Inner banner css */
.inner-banner { float: left; width: 100%; background: #f4f4f4; display: flex; flex-wrap: wrap; align-items: center;}
.inner-banner .inner-banner-lft { float: left; width: 50%;}
.inner-banner .inner-banner-rgt { float: left; width: 50%; position: relative; padding: 30px 60px;}
.inner-banner img { float: left; width: 100%; height: 100%; object-fit: cover;}
.inner-banner h2 { float: left; width: 100%; color: #000; font-family: 'Montserrat-Bold'; font-size: 56px; line-height: 62px; margin-bottom: 30px;}
.inner-banner p{float: left; width: 100%; font-family: 'Montserrat-Regular'; font-size: 24px; line-height: 32px; color: #7d7d7d; margin-bottom: 50px;}
.inner-banner a.dw-btn{float: right; background: #030303; color: #fff; display: inline-flex; padding: 15px 25px; font-family: 'Montserrat-Medium'; font-size: 18px; line-height: 32px; min-width: 220px; justify-content: center; text-transform: uppercase; transition: all .5s ease;}
.inner-banner a.dw-btn:hover{background: #A5010E;}
.prj-update{float: left; width: 100%; background: #fff; padding: 60px 0;}
.prj-title {width: 100%;float: left;padding: 0 10%; margin-bottom: 60px;}
.prj-update h2{float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; letter-spacing: 1px; text-align: center; margin-bottom: 30px;}
.prj-update p{float: left; width: 100%; text-align: center; font-family: 'Montserrat-Regular'; font-size: 20px; line-height: 32px; color: #7d7d7d;}
.prj-inner{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; justify-content: space-between; row-gap: 0; padding: 0 3%; margin-bottom: 60px;}
.prj-img{flex: 0 1 48%;}
.prj-lst{flex: 0 1 48%;}
.prj-lst ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 30px;}
.prj-lst ul li{flex: 0 1 100%; padding-left: 42px; font-family: 'Montserrat-SemiBold'; font-size: 22px; line-height: 32px; color: #606060; position: relative;}
.prj-lst ul li span{font-family: 'Montserrat-Bold';}
.prj-lst ul li:after{position: absolute; content: ""; left: 0; top: 5px; background: url(../images/circle.png) no-repeat 0 0; background-size: cover; width: 26px; height: 26px;}
.prj-top{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 15px; row-gap: 0; align-items: end; margin-bottom: 15px;}
.prj-lft{flex: 0 1 calc(100% - 190px); position: relative;overflow: hidden;}
.prj-top img{width: 100%; float: left; height: 100%; object-fit: cover;}
.prj-lst.event {flex: 0 1 43%; padding-top: 50px;}
.prj-lst.event ul li{font-family: 'Montserrat-Regular'; padding-left: 0;}
.prj-lst.event ul li:after{display: none;}
.prj-lft .dummy-img {position: relative;width: 100%;opacity: 0;}
.prj-lft .org-img {position: absolute;width: 100%;top: 0;left: 0;object-fit: cover;height: 100%;}
.prj-rgt{flex: 0 1 175px; position: relative;overflow: hidden;}
.prj-rgt .dummy-img {position: relative;width: 100%;opacity: 0;}
.prj-rgt .org-img {position: absolute;width: 100%;top: 0;left: 0;object-fit: cover;height: 100%;}
.prj-btm{width: 100%; float: left; text-align: center;}
.prj-btm-inner {width: auto;display: inline-flex;overflow: hidden; position: relative;}
.prj-btm-inner .dummy-img {position: relative;width: 100%;opacity: 0;}
.prj-btm-inner .org-img {position: absolute;width: 100%;top: 0;left: 0;object-fit: cover;height: 100%;}
.share-btn{float: left; width: 100%; text-align: center;}
.share-btn a{background: #fff; color: #030303; border: 1px solid #030303; display: inline-flex; padding: 12px 50px; font-family: 'Montserrat-Medium'; font-size: 20px; line-height: 32px; transition: all .5s ease;}
.share-btn a:hover{background: #A5010E; border: 1px solid #A5010E; color: #fff;}
.donors-sec{float: left; width: 100%; background: #e0e0e0; padding: 80px 0;}
.donors-inner{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 8%; row-gap: 0; align-items: center;}
.donors-lft{flex: 0 1 46%;}
.donors-rgt{flex: 0 1 46%;}
.donors-sec h2{float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; letter-spacing: 1px; text-align: center; margin-bottom: 0;}
.donors-sec p{float: left; width: 100%; text-align: center; font-family: 'Montserrat-Regular'; font-size: 20px; line-height: 32px; color: #7d7d7d;}
.objective-sec{float: left; width: 100%; background: #f8f8f8; padding: 80px 0;}
.objective-title{width: 100%;float: left;padding: 0 10%; margin-bottom: 60px;}
.objective-sec h2{float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; letter-spacing: 1px; text-align: center; margin-bottom: 30px;}
.objective-sec p{float: left; width: 100%; text-align: center; font-family: 'Montserrat-Regular'; font-size: 22px; line-height: 32px; color: #7d7d7d;}
.objective-lst{float: left; width: 100%; margin-bottom: 60px;}
.objective-lst ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.objective-lst ul li{flex: 0 1 25%; padding: 0 20px; position: relative;}
.objective-lst ul li:not(:last-of-type)::after { position: absolute; content: ""; right: 1px; top: 10%; background: rgba(2, 79, 103, 0.2); width: 1px; height: 80%;}
.objective-lst ul li h3{width: 100%; float: left; text-align: center; color: #262626; font-family: 'Montserrat-Bold'; font-size: 24px; line-height: 36px; letter-spacing: 1px; margin-bottom: 0;}
.objective-lst ul li h3 span{display: block; color: #606060;}
.objective-img{float: left; width: 100%;}
.objective-img img{width: 100%; float: left;}
/*home-banner*/
.home-banner .swiper-slide{width: 100%; float: left; position: relative;}
.home-banner .swiper-slide .swiper-image{width: 100%; float: left; position: relative;}
.home-banner .swiper-slide .swiper-image::after{ position: absolute; content: ''; height: 100%; width: 100%; left: 0px; top: 0px;
background: rgba(165, 0, 0, 0.6); }
.home-banner .swiper-slide .swiper-image .dummy-img {position: relative;width: 100%;opacity: 0;}
.home-banner .swiper-slide .swiper-image .org-img {position: absolute;top: 0px;left: 0px;max-width: 100%;height: 100%;object-fit: cover;}
.home-banner .swiper-slide .swiper-cnt {position: absolute;left: 0;bottom: 0;padding-bottom: 40px;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: end;}
.home-banner .swiper-slide .swiper-cnt .swiper-title{padding-left: 35px;}
.home-banner .swiper-slide .swiper-cnt .swiper-btn{margin-right: 35px;}
.home-banner .swiper-slide .swiper-cnt h1{margin-bottom: 0; font-family: 'Montserrat-Bold'; font-size: 48px; line-height: 62px; color: #ffffff; letter-spacing: 1px; text-align: center;}
.home-banner .swiper-slide .swiper-cnt a.donate-btn{float: right; background: #ffffff; color: #030303; display: inline-flex; padding: 15px 40px; font-family: 'Montserrat-Medium'; font-size: 20px; line-height: 32px; text-transform: uppercase; transition: all .5s ease;}
.home-banner .swiper-slide .swiper-cnt a.donate-btn:hover{background: #000; color: #fff;}
.home-banner .swiper-pagination-bullet { background-color: #fff; border: none; width: 15px; height: 15px; opacity: 1; transition: all 0.4s ease;}
.home-banner .swiper-pagination-bullet-active { background-color: #c2c2c2; /*! width: 30px; */ border-radius: 25px; }
.pan-india {width:100%;float:left;padding:80px 0;background:#e9e9e9;}
.pan-india h2{width:100%;float:left; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; text-align: center; margin-bottom: 50px;}
.pan-lst {width:100%;float:left}
.pan-lst ul{width:100%;float:left; display: flex; flex-wrap: wrap;column-gap: 5%; row-gap: 80px;}
.pan-lst ul li {flex:0 1 30%;}
.pan-lst ul li h3 {width:100%;float:left;text-align:center;color:#333; font-size:36px; line-height:42px; font-family: 'Montserrat-SemiBold'; margin-bottom: 0; transition:all .5s ease}
.pan-lst ul li p{width:100%; float: left; font-size: 24px; line-height: 28px; color: #000; font-family: 'Montserrat-SemiBold'; text-align: center;}
.pan-lst ul li .fun-fact-number { float:left; width: 100%; text-align:center; margin-bottom:8px; display: flex; align-items: center;}
.pan-lst ul li .odometer.odometer-auto-theme, .pan-lst ul li .odometer.odometer-theme-default {font-family: 'Montserrat-Bold';}
.help-guid{width:100%;float:left;padding:80px 0;background:#fff;}
.help-title-cnt{width:100%;float:left; text-align: center;}
.help-guid h2{width:100%;float:left; text-align: center;font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; margin-bottom: 30px;}
.help-guid p{width:100%;float:left;text-align: center;font-family: 'Montserrat-SemiBold'; font-size: 28px; line-height: 36px; margin-bottom: 30px;}
.help-guid a.email-btn{font-size: 18px; line-height: 24px; color: #000; font-family: 'Montserrat-SemiBold'; border: 1px solid #000; padding: 12px 35px; width: 320px; height: 50px; display: inline-flex; justify-content: center; align-items: center; transition: all .5s ease;}
.help-guid a.email-btn:hover{background-color: #A5010E; border: 1px solid #A5010E; color: #fff;}
.projects-sec{width:calc(100% - 35px);float:left;padding:80px 0;background:#fff; margin-left: 35px;}
.projects-title{width:calc(100% - 35px);float:left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.projects-sec h2{width: auto; float: left; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; text-align: left; margin-bottom: 0;}
.projects-sec a.view-btn{font-family: 'Montserrat-SemiBold'; font-size: 20px; line-height: 26px; color: #000; display: flex; column-gap: 15px; transition:all .5s ease;}
.projects-sec a.view-btn:hover{color: #A5010E;}
.projects-sec .swiper-container {width:100%;float:left; padding: 0 0 35px 0; overflow: hidden; /*margin-left: calc((100% - 1180px + 1rem) / 2);*/}
.projects-sec .swiper-container .swiper-slide{width: 100%; float: left;}
.projects-sec .swiper-container .swiper-slide a{width: 100%; float: left;}
.projects-sec .swiper-container .swiper-slide .project-img {width: 100%; float: left; position: relative; overflow: hidden; margin-bottom: 15px;}
.projects-sec .swiper-container .swiper-slide .project-img img{width: 100%; float: left; transition:all .5s ease;}
.projects-sec .swiper-container .swiper-slide:hover .project-img img{transform: scale(1.1);}
.projects-sec .swiper-container .swiper-slide .project-img .dummy-img {position: relative;width: 100%;opacity: 0;}
.projects-sec .swiper-container .swiper-slide .project-img .org-img {position: absolute;top: 0px;left: 0px;max-width: 100%;height: 100%;object-fit: cover;}
.projects-sec .swiper-container .swiper-slide .project-cnt{width: 100%; float: left;}
.projects-sec .swiper-container .swiper-slide .project-cnt h3{width: 100%; float: left; font-family: 'Montserrat-SemiBold'; font-size: 28px; line-height: 32px; color: #000; margin-bottom: 10px; transition:all .5s ease;}
.projects-sec .swiper-container .swiper-slide .project-cnt h6{width: 100%; float: left; text-decoration: underline; font-family: 'Montserrat-Regular'; font-size: 20px; line-height: 26px; color: #000; margin-bottom: 0;}
.projects-sec .swiper-container .swiper-slide:hover .project-cnt h3{color: #A5010E;}
.projects-sec.event{padding-top: 0;}
.campaigns-sec{width:100%;float:left;padding:80px 35px 0 35px;background:#fff;}
.campaigns-title{width:100%;float:left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.campaigns-sec h2{width: auto; float: left; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; text-align: left; margin-bottom: 0;}
.campaigns-sec a.view-btn{font-family: 'Montserrat-SemiBold'; font-size: 20px; line-height: 26px; color: #000; display: flex; column-gap: 15px;}
.campaigns-sec a.view-btn:hover { color: #A5010E;}
.campaigns-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 0;}
.campaigns-lst{flex: 0 1 49%; background: #c8c8c8; padding: 30px; text-align: center;}
.campaigns-lst h3{width: 100%; float: left; text-align: center; font-family: 'Montserrat-SemiBold'; font-size: 32px; line-height: 36px; color: #000; margin-bottom: 20px;}
/* .campaign-img{width: 80%; display: inline-block; background: #fff; height: 300px; margin-bottom: 20px;} */
.campaign-link{width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px;}
.campaign-link a.campaign-btn{font-family: 'Montserrat-Regular'; font-size: 18px; line-height: 28px; color: #000; text-decoration: underline; transition:all .5s ease;}
.campaign-link a.campaign-btn:hover { color: #A5010E;}
.campaign-img {width: 80%; display: inline-block; background: #fff; height: 300px; margin-bottom: 20px; position: relative; overflow: hidden; margin-bottom: 15px;}
.campaign-img img{width: 100%; float: left; transition:all .5s ease;}
.campaign-img .dummy-img {position: relative;width: 100%;opacity: 0;}
.campaign-img .org-img {position: absolute;top: 0px;left: 0px;max-width: 100%;height: 100%;object-fit: cover;}
/*price-range*/
.price-input {width: 100%; float: left;display: flex;margin-bottom: 20px; justify-content: space-between;}
.price-input .field {display: flex;height: 40px;align-items: center;}
.price-input .field span{font-family: 'Montserrat-Regular'; font-size: 20px;}
.price-input .field input { background: transparent;border: none;outline: none; font-family: 'Montserrat-Bold'; font-size: 24px; padding: 0;margin-left: 10px;text-align: left;border: none;-moz-appearance: textfield; width: 115px;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.slider { width: 100%; float: left;height: 10px; position: relative;background: #ddd; border-radius: 5px;}
.slider .progress {height: 100%;left: 25%;right: 25%;position: absolute;border-radius: 5px;background: #000;}
.range-input {position: relative; width: 100%; float: left;}
.range-input input {position: absolute; padding: 0; border: none;width: 100%;height: 10px;top: -10px;background: none;pointer-events: none;-webkit-appearance: none; -moz-appearance: none;}
input[type="range"]::-webkit-slider-thumb {height: 17px;width: 17px;border-radius: 50%;background: #000;pointer-events: auto;-webkit-appearance: none;box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);}
input[type="range"]::-moz-range-thumb {height: 17px;width: 17px;border: none;border-radius: 50%;background: #000;pointer-events: auto;-moz-appearance: none;box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);}
.price-input .field label{margin-bottom: 0; font-size: 22px;}
/*donate-cause*/
.donate-cause{width: 100%; float: left; padding: 80px 35px; background: #e9e9e9;}
.donate-cause h2{width: 100%; float: left; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; text-align: center; margin-bottom: 30px;}
.donate-cause-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.donate-lft{flex: 0 1 40%; background: #606060; padding: 60px 30px;}
.donate-rgt{flex: 0 1 60%; background: #d9d9d9; padding: 50px; display: flex; flex-wrap: wrap; align-items: center;}
.campaign-select{width: 100%; float: left; margin-bottom: 50px;}
.campaign-select .nice-select:active, .campaign-select .nice-select.open, .campaign-select .nice-select:focus { border-color: #D9D9D9;}
.campaign-select .select_box_input{ justify-content: left; background:#d9d9d9; width:100%; padding:0px 35px 0px 20px;border: 1px solid #d9d9d9; color: #000; height:56px; line-height:20px; font-size:20px; letter-spacing: 0.5px; font-family: 'Montserrat-Regular'; text-transform: none;display: flex;align-items: center; border-radius: 0;}
.campaign-select .select_box_input.open {border: solid 1px #d9d9d9;}
.campaign-select .nice-select::after { border-bottom: 2px solid #000; border-right: 2px solid #000; right: 26px;width: 10px;height: 10px;}
.campaign-select .nice-select.open::after {border-bottom: 2px solid #A5010E;border-right: 2px solid #A5010E;}
.campaign-select .nice-select .list { width: 100%; border-radius: 0; row-gap: inherit; height: 200px; overflow-y: auto;}
.campaign-select .nice-select .list li { width: 100% !important; margin: 0px 0px; font-size:16px; padding:10px 20px !important; color: #4F4F4F; font-family: 'Montserrat-Regular';}
.campaign-select .nice-select .option:hover { color: #fff; background: #A5010E;}
.campaign-select .nice-select:hover::after { border-bottom: 2px solid #A5010E;border-right: 2px solid #A5010E;}
.donate-lft .price-input{margin: 20px 0 0 0;}
.donate-lft .price-input .field label{color: #fff;}
.donate-lft .price-input .field span{color: #fff;}
.donate-lft .price-input .field input{color: #fff;}
.donate-amt{width: 100%; float: left; display: flex;flex-wrap: wrap;justify-content: space-between; column-gap: 30px; align-items: center; margin-bottom: 40px;}
.donate-amt h5{width: calc(100% - 250px); float: left; font-family: 'Montserrat-SemiBold'; font-size: 32px; line-height: 36px; color: #000; margin-bottom: 0;}
.amt{width: 220px; display: flex; flex-wrap: wrap; justify-content: space-between; border: 1px solid #000;}
.amt span{background: #6d6d6d; font-family: 'Montserrat-Bold'; font-size: 32px; line-height: 36px; color: #000; width: 80px; height: 60px;display: inline-flex;align-items: center;justify-content: center;}
.amt input[type="text"]{width: calc(100% - 80px); height: 60px; font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 28px; border: none; padding: 15px;}
.amt .form-control:focus{box-shadow: inherit;}
.donate-btn{width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: center;}
.donate-btn button{background: #030303;color: #fff;display: inline-flex;padding: 15px 40px; border: 1px solid #030303; font-family: 'Montserrat-Medium';font-size: 20px;line-height: 32px;text-transform: uppercase;transition: all .5s ease;}
.donate-btn button:hover{background: #A5010E; border: 1px solid #A5010E;}
.new-cso h3 { font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 28px; margin-bottom: 15px; }
.radio-group { width: 100%; float: left;
display: flex;
flex-wrap: wrap;
column-gap: 3.3%;
justify-content: left;
align-items: center; margin-bottom: 40px;
row-gap: 20px;
}
.radio-group label{flex: 0 1 auto; margin-bottom: 0; float: left;}
.radio-group .radio-label {
display: inline-block;
padding: 15px 27px;
border: 1px solid #fff; background: #fff; font-family: 'Montserrat-Medium'; font-size: 20px; line-height: 28px;
border-radius: 0;
cursor: pointer;
text-align: center;
user-select: none;
width: 100%;
}
.radio-input {
display: none;
}
.radio-input:checked + .radio-label {
background-color: #666;
color: #fff;
border-color: #666;
}
/* event page */
.banner-cnt {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.col-md-6.text-center.text-md-start {
background: #f3f3f3;
padding: 115px 75px;
height: 250px;
}
.ongoing-events {
float: left;
width: 100%;
padding: 50px 0;
background: #e8e7e7;
}
.ongoing-cnt {
display: flex;
float: left;
width: 100%;
column-gap: 2%;
}
.col-md-6.mb-4 {
background: #fff;
}
.card-text {
font-size: 14px;
font-family: 'Montserrat-Regular';
line-height: 26px;
}
.ongoing-title {
font-size: 30px;
font-family: 'Montserrat-SemiBold';
margin-bottom: 30px;
line-height: 35px;
}
.card-img-top {width: 100%; overflow: hidden; position: relative;}
.card-img-top img { float: left; width: 100%; transition: all 0.4s ease;object-fit: cover;}
.card-img-top img.dummy-img{height: auto;}
.card-img-top img.ongoing-img {position: absolute;top: 0;width: 100%;height: 100%;opacity: 1;left: 0;z-index: 1;}
.other-events{background: #ffffff;padding: 70px 0;float: left;width: 100%;}
.bi.bi-calendar-event img{width:20px;height:20px;}
.bi.bi-geo-alt img{width:20px;height:25px;background-size: contain;}
.events-detail{padding: 40px 0 35px;}
.more-btn a {
float: left;
padding: 15px 40px;
color: #000;
font-family: 'Montserrat-SemiBold';
transition: all 0.5s ease;
}
.rgt-event p {
float: left;
width: 100%;
}
.rgt-event p span {
font-family: 'Montserrat-SemiBold';
margin-bottom: 15px;
float: left;
width: auto;
padding-right: 5px;
}
.my-data {
background: #f1f1f1;
float: left;
width: 100%;
padding: 65px 0;
}
.data-sec{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 8%; row-gap: 0;}
.data-lft{flex: 0 1 42%;overflow: hidden; border-radius: 10px; object-fit: cover;}
.data-lft img{width: 100%; float: left; height: 100%;}
.data-rgt{flex: 0 1 50%;}
.data-rgt h2{font-family: 'Montserrat-SemiBold' ;margin-bottom: 50px;font-size: 30px;line-height: 30px;}
.data-sec .smk_accordion .accordion_in{margin-bottom: 10px;}
.data-sec .smk_accordion.acc_with_icon .accordion_in .acc_head {padding-left: 22px;padding-right: 50px;}
.data-sec .smk_accordion.acc_with_icon .accordion_in .acc_content {padding:0 100px 22px 22px;}
.lft-event {width: 100%; overflow: hidden; position: relative;}
.lft-event img { float: left; width: 100%; transition: all 0.4s ease;object-fit: cover;}
.lft-event img.dummy-img{height: auto;}
.lft-event img.ongoing-img {position: absolute;top: 0;width: 100%;height: 100%;opacity: 1;left: 0;z-index: 1;}
/* project list */
.project-ban .inner-banner-lft { order: 2; }
.project-sec{float: left; width: 100%; background: #ffffff; padding: 55px 0 70px;}
.objective-title{width: 100%;float: left;padding: 0 10%; margin-bottom: 60px;}
.project-sec h2{float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; letter-spacing: 1px; text-align: center; margin-bottom: 0px;}
.project-sec p{float: left; width: 100%; text-align: left; font-family: 'Montserrat-Regular'; font-size: 18px; line-height: 32px; margin-bottom: 30px; color: #7d7d7d;}
.project-sec h4{float: left; width: 100%; text-align: left; font-family: 'Montserrat-Regular'; font-size: 18px; line-height: 32px; margin-bottom: 5px; color: #7d7d7d;}
.projects-list {width: 100%; float: left;}
.projects-list ul {width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 50px;}
.projects-list ul li { flex: 0 1 31.3%;}
.projects-list ul li .project-img {width: 100%; float: left; position: relative; overflow: hidden; margin-bottom: 0px;}
.projects-list ul li .project-img img{width: 100%; float: left; transition:all .5s ease;}
.projects-list ul li:hover .project-img img{transform: scale(1.1);}
.projects-list ul li .project-img .dummy-img {position: relative;width: 100%;opacity: 0;}
.projects-list ul li .project-img .org-img {position: absolute;top: 0px;left: 0px;max-width: 100%;height: 100%;object-fit: cover;}
.projects-list ul li .project-cnt{width: 100%; float: left; padding: 30px 35px 25px 20px; background: #fdfcfa; }
.projects-list ul li .project-cnt h3{width: 100%; float: left; font-family: 'Montserrat-SemiBold'; font-size: 28px; line-height: 32px; color: #000; margin-bottom: 30px; transition:all .5s ease;}
.projects-list ul li .project-btn a {width: auto; float: left; text-decoration: underline; font-family: 'Montserrat-Regular'; font-size: 20px; line-height: 26px; color: #000; margin-bottom: 0;}
.projects-list ul li .project-btn a:hover { color: #A5010E; }
.projects-list ul li:hover .project-cnt h3{color: #A5010E;}
.project-btn { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.completed-project { background: #e9e7e8; }
.completed-project .project-cnt { background: #fdfcfa;}
.tab-section { float: left; width: 100%; padding: 55px 0 50px; display: none; }
.tab-section h2 {float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; letter-spacing: 1px; text-align: center; margin-bottom: 0px;}
.tab-section ul { display: flex;justify-content: center;margin-bottom: 0px; }
.tab-section ul li a{ float: left;width: 200px;background: #d8d8d8; transition:all .5s ease; color: #000; padding: 15px 10px;display: flex;justify-content: center;font-family: 'Montserrat-SemiBold'; }
.project-tab { float: left; width: 100%;}
.upcoming-sec { float: left; width: 100%;}
.past-sec { float: left; width: 100%;}
.projects-sec.corporates{padding-top: 0;}
.donate-cause.contribution{background: #fff; padding-bottom: 0;}
.arbol-tab-div { float: left; width: 100%; margin-top: 10px;}
#tab-container { float: left; width: 100%;}
ul.tabs{margin: 0px 0px; padding: 0px;list-style: none; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 0%; row-gap: 10px;}
ul.tabs li{ flex: 0 1 300px; background: #d9d9d9;display: inline-block;cursor: pointer;margin-right:0px; padding:15px 20px; color: #000; font-size: 22px; line-height: 24px; font-family: 'Montserrat-Regular';
text-align: center; transition:all .5s ease; position: relative;}
ul.tabs li:not(:last-of-type)::after { position: absolute; content: ""; right: 0; top: 0; background: #545454; width: 1px; height: 100%;}
ul.tabs li.current{ color: #fff; background: #545454;}
ul.tabs li:hover {color: #fff;background: #545454;}
.tab-content{display: none; padding: 40px 0 0;float: left; width: 100%; background: #fff;}
.tab-content.current{display: inherit;}
.cso-content{width: 100%; float: left; margin-bottom: 40px;}
.cso-content p{width: 100%; float: left; font-family: 'Montserrat-Regular'; font-size: 22px; line-height: 32px; color: #fff; }
.arbol-tab-div .campaign-select {margin-bottom: 40px;}
.event-list{float: left; width: 100%; margin-bottom: 30px;}
.event-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 20px;}
.event-list ul li{flex: 0 1 100%; font-family: 'Montserrat-Regular'; font-size: 24px; line-height: 32px; color: #6c6c6c; display: flex; column-gap: 12px; align-items: center;}
.event-list ul li span .fa-solid {color: #000; font-size: 24px;}
/*faq*/
.faq-sec{float: left; width: 100%; padding: 80px 35px; background: #f1f1f1;}
.faq-inner{loat: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 6%; row-gap: 0;}
.faq-lft{flex: 0 1 47%;position: relative;overflow: hidden;}
.faq-lft .dummy-img {position: relative;width: 100%;opacity: 0;}
.faq-lft .org-img {position: absolute;width: 100%;top: 0;left: 0;object-fit: cover;height: 100%;}
.faq-rgt{flex: 0 1 47%;}
.faq-sec h2{float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 36px; line-height: 42px; color: #000; letter-spacing: 0.5px; text-align: left; margin-bottom: 40px;}
.smk_accordion .accordion_in .acc_content p{font-size: 16px; line-height: 26px;}
.event-lst { float: left; width: 100%; margin-bottom: 15px;}
.project-cnt a.dw-btn{float: left; background: #030303; color: #fff; display: inline-flex; padding: 10px 35px; font-family: 'Montserrat-Medium'; font-size: 18px; line-height: 24px; text-transform: uppercase; transition: all .5s ease; margin-top: 20px;}
.project-cnt a.dw-btn:hover{background: #A5010E;}
/* */
.projects-sec .swiper-slide .project-cnt h2{float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; letter-spacing: 1px; text-align: center; margin-bottom: 0px;}
.projects-sec .swiper-slide .project-cnt p{float: left; width: 100%; text-align: left; font-family: 'Montserrat-Regular'; font-size: 18px; line-height: 32px; margin-bottom: 30px; color: #7d7d7d;}
.projects-sec .swiper-slide .project-cnt h4{float: left; width: 100%; text-align: left; font-family: 'Montserrat-Regular'; font-size: 18px; line-height: 32px; margin-bottom: 5px; color: #7d7d7d;}
.projects-sec .project-btn span {width: auto; float: left; text-decoration: underline; font-family: 'Montserrat-Regular'; font-size: 20px; line-height: 26px; color: #000; margin-bottom: 0;}
.projects-sec .swiper-container .swiper-slide:hover .project-cnt span { color: #A5010E; }
.other-events { background: #ffffff; padding: 0;}
.other-events .campaign-select { width: 300px; margin-bottom: 0;}
/* search */
.top-rht ul li .search-btn { float: left; display: inline-flex;position: relative;}
.top-rht ul li .search-btn a { display: inline-flex;}
.top-rht ul li .search-btn a span { background: url(../images/ico-search.svg) no-repeat center center; width: 16px; height: 16px; display: inline-block;}
.top-rht ul li .search-frm-field { position:absolute; top:70px; right:0px; background:#fff; /*height:0px;*/ width:230px; z-index:99; overflow:hidden;
-webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; opacity:0; visibility: hidden; display:none; border:1px solid #ddd;}
.top-rht ul li .search-frm-field input[type="text"] { border:none; background:none; line-height:40px; width:190px; padding:0 0 0 10px; height:auto; color:#000; font-size:14px; margin-top:0px; float: left; }
.top-rht ul li .search-frm-field input[type="submit"] { float:right; border:none; width:26px; height:26px; background:url(../images/ico-search.svg) no-repeat center center; background-size: cover; cursor:pointer; margin:8px 5px 7px 0; opacity:0.8; padding: 10px 10px 8px; }
.top-rht ul li .search-form.open-form .search-frm-field { display:block; opacity:1; visibility: visible;}
.content-page{float: left; width: 100%; padding: 50px 35px; background: #fff;}
.content-list{float: left; width: 100%; padding: 0 5%; margin-bottom: 50px;}
.content-list h2{float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; letter-spacing: 1px; text-align: center; margin-bottom: 40px;}
.content-list p{float: left; width: 100%; text-align: left; font-family: 'Montserrat-Regular'; font-size: 20px; line-height: 32px; margin-bottom: 20px; color: #7d7d7d;}
.content-list h3{float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 28px; line-height: 32px; color: #000; letter-spacing: 1px; text-align: left; margin-bottom: 25px;}
.content-list p:last-child{margin-bottom: 0;}
.content-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 20px;}
.content-list ul li{flex: 0 1 100%; padding-left: 42px; font-family: 'Montserrat-Regular';font-size: 20px;line-height: 32px;color: #7d7d7d; position: relative;}
.content-list ul li span{font-family: 'Montserrat-Bold';}
.content-list ul li:after{position: absolute; content: ""; left: 0; top: 5px; background: url(../images/circle.png) no-repeat 0 0; background-size: cover; width: 26px; height: 26px;}
.mob-slide { display: none;}
.mob-search { display:none; width: auto; position: relative; }
.mob-search button { cursor: pointer; border: none; background: url("../images/ico-search.svg") no-repeat top right; width: 26px; height: 26px; background-size: cover; position: relative; right: auto; top: auto; transform: none;}
.mobile-search { transition: all 0.4s ease; position:fixed; top:100px; background:#BF0D0D; width:100%; padding:12px 0px 16px; opacity:0; visibility:hidden; text-align: center; z-index: 99;}
.mobile-frm-field { float:none; display: inline-block; width:80%; background: #fff; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; border-radius: 50px; height: 42px; line-height: 42px; padding: 0 12px;
-o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; border: 0px solid #ddd;}
.mobile-search input[type="text"] { border:none; background:none; line-height:35px; width:100%; padding:0 0 0 10px; height:auto; color:#3c3c3c; font-size:15px; margin-top:0px; font-family: 'Montserrat-Regular';}
.mobile-search input[type="submit"] { border:none; width:19px; height:19px; background:url(../images/search.svg) no-repeat 0 0; cursor:pointer; margin:12px 10px 0 0; background-size:100%;}
.mobile-search a.close { background: #fff; float:none; display: inline-block; opacity: 1; margin:8px 10px 8px 10px; border-radius: 50px; width: 30px; height: 30px; text-align: center; line-height: 32px; border: 1px solid #ffffff;}
.mobile-search a.close img { width:17px;}
.mobile-search.slow { opacity: 1; visibility: visible; }
.pt-55 { padding-top: 55px;}
/* 27-Feb-2025 */
/* breadcrum */
.breadcrum-sec{float: left;width: 100%;padding: 22px 0;}
.breadcrum-sec .container-fluid { padding-left: 50px; padding-right: 50px;}
.breadcrum-sec ul {display: flex;/* flex-wrap: wrap; */column-gap: 16px;}
.breadcrum-sec ul li {flex: 0 1 auto;color: #000000;font-size: 13px;line-height: 24px; font-family: 'Montserrat-Light';position: relative;white-space: nowrap;}
.breadcrum-sec ul li::after{width: 1px;height: 10px;background: #000;opacity: 0.35;position: absolute;content: "";right: -7px;top: 8px;}
.breadcrum-sec ul li:last-child:after { display: none;}
.breadcrum-sec ul li a { display: inline-block; color: #000000; font-size: 13px; line-height: 24px; transition: all 0.4s ease;font-family: 'Montserrat-Light'; position: relative;}
.breadcrum-sec ul li a:hover { color: #BF0D0D; font-family: 'Montserrat-SemiBold';}
.breadcrum-sec ul li a::before {display: block; content: attr(title); font-family: 'Montserrat-SemiBold';height: 1px;color: transparent;overflow: hidden;visibility: hidden;}
.breadcrum-sec ul li a img {vertical-align: inherit;margin-top: 3px; width: 13px;}
.breadcrum-sec ul li:last-child { margin-right: 0; padding-right: 0;}
.breadcrum-sec ul li:last-child::before { display: none;}
.mrg-rgt { padding:0 7%;}
/* individual_register */
.individual-sec{width: 100%; float: left; padding: 30px 35px 70px; background: #ffffff;}
.individual-sec h2{width: 100%; float: left; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; text-align: center; margin-bottom: 30px;}
.individual-sec h2 span { font-family: 'Montserrat-Light'; }
.individual-sec-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.individual-sec h3 {float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 28px; line-height: 34px; color: #606060; letter-spacing: 1px; text-align: center; margin-bottom: 30px;}
.individual-sec p {float: left; width: 100%; text-align: center; font-family: 'Montserrat-Regular'; font-size: 20px; line-height: 32px; color: #232323; margin-bottom: 40px; display: inline-block;}
.field_marked{color: #BF0D0D; font-size: 14px; float: left;width:100%; text-align: left; padding:0px 20px 30px 20px; margin-bottom: 0;}
.register-form { float: left; width: 100%;}
.form-group label span{color:#BF0D0D}
.individual-sec .prj-title { margin-bottom: 20px;}
.individual-sec .form-group { margin-bottom: 30px; float: left; width: 100%;}
.individual-sec label { font-family: 'Montserrat-Regular'; color: #232323;}
.individual-sec .form-control , .individual-sec textarea { font-family: 'Montserrat-Regular'; display: block; width: 100%; line-height:1.2; padding:16px 25px;
font-size: 16px; color: #232323; background-color: #FFFFFF; background-image: none; border:#E0DFDF 2px solid; border-radius: 5px; resize:none; height:56px; }
.individual-sec .campaign-select .select_box_input { border-radius: 5px; padding: 0px 35px 0px 25px; }
.individual-sec .select_box_input { font-size: 16px; line-height: 16px;}
.individual-sec .form-control:focus{ box-shadow:0px 0px 10px 0px rgba(165,0,0,56%); border:rgba(165,0,0,45%) 2px solid;}
.btn-btm { float: left; width: 100%; margin-top: 20px;}
button.btn-submit {background: #030303;color: #fff;display: inline-flex; border-radius: 5px; padding: 12px 50px; border: 1px solid #030303; font-family: 'Montserrat-Medium';font-size: 20px;line-height: 32px;text-transform: uppercase;transition: all .5s ease;}
button.btn-submit:hover{background: #A5010E; border: 1px solid #A5010E;}
.tab-bg { background: #f4f4f4; padding: 40px 40px 50px;}
.individual-sec .tab-bg h2 { margin-bottom: 20px;}
.tab-content-main{ padding: 40px 0 0;float: left; width: 100%; background: #fff;}
.account-type input[type="radio"] { display: none;}
.account-type label { display: inline-flex; align-items: center; cursor: pointer; padding: 11px 15px; font-size: 18px;font-family: 'Montserrat-Regular'; margin-bottom: 0;}
.account-type label::before { content: ""; width: 18px; height: 18px; border: 2px solid #d9d9d9; background: #d9d9d9; border-radius: 50%; display: inline-block; margin-right: 8px; position: relative;}
.account-type input[type="radio"]:checked + label::before { border-color: #ffffff; background: #fff; box-shadow: inset 0 0 0 4px #A5010E;}
ul.tabs li.current label, ul.tabs li:hover label { color: #ffffff;}
ul.tabs li.current label::before, ul.tabs li:hover label::before { border: 2px solid #fff;}
.individual-sec .arbol-tab-div .campaign-select {margin-bottom: 0;}
ul.tabs.account-type { column-gap: 15px;}
/* ul.tabs.account-type li { flex: 0 1 auto; background: none; border: none; padding: 0;}
ul.tabs.account-type li.current { background: none; border: none; color: #A5010E;} */
ul.tabs.account-type li:not(:last-of-type)::after { display: none;}
.tabs.account-type li { flex: 0 1 auto; display: flex; flex-direction: column; align-items: center; text-decoration: none; padding: 0;
border-radius: 6px; background: #ffffff; border: 2px solid #ddd; transition: all 0.3s ease; color: #333; font-weight: bold;}
.tabs.account-type li.current, .tabs.account-type li:hover { background: #A5010E; border: 2px solid #A5010E;}
.individual-sec .tab-list { float: left; width: 100%;}
.individual-sec .tab-list h4 { font-family: 'Montserrat-Bold'; font-size: 20px; line-height: 26px; color: #000; margin-bottom: 25px; }
.individual-sec .tab-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 20px; margin-bottom: 30px;}
.individual-sec .tab-list ul li{flex: 0 1 100%; padding-left: 38px; font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 24px; color: #000; position: relative;}
.individual-sec .tab-list ul li span{font-family: 'Montserrat-Bold';}
.individual-sec .tab-list ul li:after{position: absolute; content: ""; left: 0; top: 2px; background: url(../images/circle.png) no-repeat 0 0; background-size: cover; width: 20px; height: 20px;}
.individual-sec .tab-list ul li a { font-family: 'Montserrat-SemiBold'; font-size: 16px; line-height: 24px; color: #000; text-decoration: underline; position: relative; transition: all .5s ease;}
.individual-sec .tab-list ul li a:hover { color: #A5010E;}
.individual-sec .tab-list p {float: left; width: 100%; text-align: left; font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 28px; color: #000; margin-bottom: 0px;}
.individual-sec .modal-dialog { max-width: 800px;}
.individual-sec .modal-body { padding: 40px 25px;}
.individual-sec .modal-header { padding: 15px; background: #e9ecef; align-items: center; border-bottom: none; }
.individual-sec .modal-header h5 {float: left; font-family: 'Montserrat-SemiBold'; font-size: 32px; line-height: 34px; color: #000; letter-spacing: 1px; text-align: left; margin-bottom: 0px;}
.individual-sec .close { font-family: 'Montserrat-Regular'; font-size: 40px; line-height: 20px; color: #000000; opacity: 1; font-weight: normal;
outline: none; margin-right:0px;margin-top:-13px; transition: opacity 0.3s ease; padding: 0;}
/* Modal box */
.individual-sec .modal-content { border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); border: none; overflow: hidden;}
/* Modal header */
.individual-top{width: 100%; float: left; padding: 20px 35px 0px; background: #ffffff;}
.individual-cause-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.individual-lft{flex: 0 1 55%; background: #606060; padding: 60px 30px;}
.individual-rgt{flex: 0 1 45%; background: #d9d9d9; padding: 50px; display: flex; flex-wrap: wrap; align-items: center;}
.individual-top .form-group { margin-bottom: 30px; float: left; width: 100%;}
.individual-top label { font-family: 'Montserrat-Regular'; color: #fff;}
.individual-top p {float: left; width: 100%; text-align: left; font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 10px; display: inline-block;}
.individual-top p a { color: #fff;}
.individual-top .campaign-select .select_box_input { background: #ffffff; border: 1px solid #d9d9d9; max-width: 100%; font-size: 16px;}
.upload-container { width: 100%; padding: 9PX 10px; border: 2px solid #ccc; border-radius: 5px; text-align: right; cursor: pointer;
background-color: #f9f9f9;}
.upload-container:hover { background-color: #e9e9e9;}
.file-input { display: none;}
.upload-btn { display: inline-block; padding: 10px 20px; background-color: #545454; color: white; border-radius: 5px; cursor: pointer; font-size: 16px; margin-top: 0px;}
.upload-btn:hover { background-color: #A5010E;}
.file-name { margin-top: 10px; font-size: 14px; color: #333;}
.individual-sec .upload-container p {float: left; width: auto; text-align: left; font-family: 'Montserrat-Regular'; font-size: 14px; line-height: 36px; color: #232323; margin-bottom: 0px; display: inline-block;}
.individual-sec .form-control.ht-165 {height: 165px;}
/* About Us */
.inner-banner .support{float: left;color:#000; display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px; row-gap: 15px;}
.inner-banner .support h3 {width: auto; float: left; font-family: 'Montserrat-Bold'; font-size: 62px; line-height: 62px; color: #000; text-align: left; position: relative; margin-bottom: 0px;}
.width_reports {display: grid;}
.inner-banner .support p { margin-bottom: 5px;}
.inner-banner .support p a{float:left;position: relative; color: #000; left: 10px;margin:0px; font-size: 24px; font-family: 'Montserrat-Regular'; line-height: 26px; letter-spacing: 0.8px; margin-bottom: 0px; transition: all .5s ease;}
.inner-banner .support p a:hover { color: #A5010E;}
.about-sec {float: left; width: 100%; background: #fff; padding: 40px 0 70px;}
.about-title {width: 100%;float: left;padding: 0 10%; margin-bottom: 60px;}
.about-title h2{width: 100%; float: left; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; text-align: center; margin-bottom: 30px;}
.about-title h2 span { font-family: 'Montserrat-Light'; }
.about-title h3{width:100%;float:left;text-align: center;font-family: 'Montserrat-SemiBold'; font-size: 28px; line-height: 38px; margin-bottom: 0px;}
.about-sec p{float: left; width: 100%; text-align: left; font-family: 'Montserrat-Regular'; font-size: 20px; line-height: 32px; color: #7d7d7d;}
.about-main { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 30px;}
.about-img { flex: 0 1 46%; position: relative;}
.about-cnt { flex: 0 1 54%; padding-left: 85px; padding-right: 115px;}
.about-list ul li h3{font-size: 32px;line-height: 32px;font-family: 'Montserrat-Bold';color:#000000;float: left;width: 100%;padding: 0px 0 20px; margin-bottom: 0;}
/* .about-list ul li h3 span { font-family: 'Montserrat-Regular';} */
.about-list ul li p{font-size: 18px;line-height: 26px;font-family:'Montserrat-Regular';color:#7d7d7d;float: left;width: 100%; text-align: left;}
.about-main img { float: left; width: 100%;}
.about-list{float: left; width: 100%; }
.about-list ul{float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px; }
.about-list ul li { flex: 0 1 100%;}
/* .about-list ul li:nth-child(even) { background: #f4f4f4;} */
.about-list ul li .about-img .dummy-img {position: relative;width: 100%;opacity: 0;}
.about-list ul li .about-img .org-img {position: absolute;top: 0px;left: 0px;max-width: 100%;height: 100%;object-fit: cover;}
.about-list li:nth-child(2n-1) .about-img { order: 2;}
.about-list li:nth-child(2n-1) .about-cnt {padding-left: 0; padding-right: 95px;}
.donate-btn-btm {width: 100%; float: left; margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: center;}
.donate-btn-btm a{background: #030303;color: #fff;display: inline-flex;padding: 15px 40px; border: 1px solid #030303; font-family: 'Montserrat-Medium';font-size: 20px;line-height: 32px;text-transform: none;transition: all .5s ease;}
.donate-btn-btm a:hover{background: #A5010E; border: 1px solid #A5010E;}
.about-sec .modal-dialog { max-width: 500px;}
/* .about-sec .modal-header { padding: 16px 25px; background: #d9d9d9; border-bottom: none;}
.about-sec .modal-content { padding: 40px 25px;}
.about-sec .close { font-family: 'Montserrat-Medium'; font-size: 20px; line-height: 14px; color: #ffffff; opacity: 1; font-weight: normal;
outline: none; box-shadow: inherit; padding: 10px; background-color:#545454; border-color:#545454; border-radius: 50%; margin-right:0px;margin-top:0px; position: absolute; top: 15px; right: 15px;}
.about-sec .modal-body { padding: 40px 30px;} */
.donate_popup .donate_middle{width:100%; float: left; margin:0% auto; text-align: center}
.donate_popup .donate_yes h2{font-size: 34px; font-family: 'Montserrat-Bold';margin-bottom: 20px;margin-top:0px;}
.donate_popup .donate_yes{padding: 0px 80px;}
.donate_popup .nationality{border:2px solid #b4b3b3; float: left; width:100%; border-left: 0px; border-right: 0px;}
.donate_popup .donate_radio{float: none; display: inline-block;}
.donate-tab-div h2 {float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 30px; line-height: 34px; color: #606060; letter-spacing: 1px; text-align: center; margin-bottom: 25px;}
.donate-tab-div ul.tabs {width: 100%;}
.donate-tab-div ul.tabs li { background: none;flex: 0 1 150px; padding: 5px 20px;}
.donate-tab-div ul.tabs li label { color: #000000;}
.donate-tab-div ul.tabs li:hover label { color: #A5010E;}
ul.tabs li.current label::before, ul.tabs li:hover label::before { border: 2px solid #fff; background: #A5010E;}
.donate-tab-div ul.tabs li:hover label::before { border: 2px solid #A5010E;}
.our-team { float: left; width: 100%; padding: 40px 0 80px; background: #f4f4f4;}
.our-team h2{width: 100%; float: left; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; text-align: center; margin-bottom: 30px;}
.our-team h2 span { font-family: 'Montserrat-Light'; }
.team-list { float: left; width: 100%;}
.team-list ul{display: flex;flex-wrap:wrap;column-gap: 3%;row-gap: 35px;}
.team-list ul li{flex: 0 1 26%; float: left;padding:15px 12px 22px;background: #FFF;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;transition: all 0.5s ease;}
.team-list ul li .team-img{float: left;width: 100%; position: relative; overflow: hidden;}
.team-list ul li .team-img .dummy-img {position: relative;width: 100%;opacity: 0;}
.team-list ul li .team-img .org-img {position: absolute;top: 0px;left: 0px;max-width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;}
.team-list ul li .team-cnt{float: left;width: 100%; padding: 20px 0 0; }
.team-list ul li h3{font-size: 24px;line-height: 28px;font-family: 'Montserrat-Bold';color:#000000;float: left;width: 100%;padding: 0px 0 10px; margin-bottom: 0;}
.team-list ul li h3 span { font-family: 'Montserrat-Regular';}
.team-list ul li p{font-size: 18px;line-height: 22px;font-family:'Montserrat-Regular';color:#7d7d7d;float: left;width: 100%; text-align: left;}
.team-list ul li:hover img{transform: scale(1.1);}
.team-list ul li:hover h3{color:#A5010E;}
.our-team .modal-confirm { width: 800px; max-width: 100%;}
.our-team .modal-confirm .modal-header { padding: 20px 0; border-bottom: 1px solid #dee2e6;}
.our-team .modal-confirm p {text-align: center;font-size: 18px; line-height: 28px;margin: 0px 0 0px; font-family:'Montserrat-Medium'; color:#232323;}
.our-team .modal-confirm .modal-header h2 { margin-bottom: 0; font-size: 32px; line-height: 40px;}
.our-team .modal-confirm .modal-header p { text-align: center; width: 100%;}
.modal-confirm { color: #636363; width: 400px;}
.modal-confirm .modal-content {
padding: 20px;
border-radius: 5px;
border: none;
text-align: center;
font-size: 14px;
}
.modal-confirm .modal-header {
border-bottom: none;
position: relative;
padding-top: 40px;
}
.modal-confirm h4 {
text-align: center;
font-size: 24px;
line-height: 24px;
margin: 40px 0 0px;
font-family:'Montserrat-Medium';
color:#232323;
}
.modal-confirm .close {
position: absolute;
top: -5px;
right: -2px;
font-size: 40px;
line-height: 40px;
font-family:'Montserrat-Regular'
}
.modal-confirm .modal-body {
color: #999;
}
.modal-confirm .modal-footer {
border: none;
text-align: center;
border-radius: 5px;
font-size: 13px;
padding: 10px 15px 25px;
}
.modal-confirm .modal-footer a {
color: #ffffff;
}
.modal-confirm .icon-box {
max-width: 180px;
margin: 0 auto;
border-radius: 0;
z-index: 9;
text-align: center;
border: none;
}
.modal-confirm .icon-box::before { display: none;}
.modal-confirm .icon-box i {
color: #f15e5e;
font-size: 46px;
display: inline-block;
margin-top: 13px;
}
.modal-confirm .btn, .modal-confirm .btn:active {
color: #fff;
border-radius: 4px;
background: #60c7c1;
text-decoration: none;
transition: all 0.4s;
line-height: normal;
min-width: 120px;
border: none;
min-height: 40px;
border-radius: 3px;
margin: 0 5px;
}
.modal-confirm .btn-secondary {
background: #c1c1c1;
}
.modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus {
background: #a8a8a8;
}
.modal-confirm .btn-danger {
background: #df4b4b;
}
.modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
background: #c74242;
}
.trigger-btn {
display: inline-block;
margin: 100px auto;
}
ul.tabs-btn{margin: 10px 0px 0; padding: 0px;list-style: none; position: relative; display: flex; align-items: center; justify-content: center; column-gap: 0%;}
ul.tabs-btn li{ flex: 0 1 auto; inline-block;cursor: pointer;margin-right:0px; color: #000; font-size: 22px; line-height: 24px; font-family: 'Montserrat-Regular';
text-align: center; transition:all .5s ease; position: relative;}
ul.tabs-btn li label { margin-bottom: 0; line-height: 32px;}
/* Overlay background */
.modal {
background: rgba(0, 0, 0, 0.6);
}
#myModal5 .modal-confirm { color: #636363; width: 800px; max-width: 100%;}
.emails-us { float: left; width: 100%; text-align: left;}
.emails-us label { font-family: 'Montserrat-Regular'; color: #232323; font-size: 16px;}
.emails-us .form-control , .emails-us textarea { font-family: 'Montserrat-Regular'; display: block; width: 100%; line-height:1.2; padding:16px 25px;
font-size: 16px; color: #232323; background-color: #FFFFFF; background-image: none; border:#E0DFDF 2px solid; border-radius: 5px; resize:none; height:56px; }
.emails-us .form-control:focus{ box-shadow:0px 0px 10px 0px rgba(165,0,0,56%); border:rgba(165,0,0,45%) 2px solid;}
.btn-btm { float: left; width: 100%; margin-top: 20px;}
button.btn-submit {background: #030303;color: #fff;display: inline-flex; border-radius: 5px; padding: 12px 50px; border: 1px solid #030303; font-family: 'Montserrat-Medium';font-size: 20px;line-height: 32px;text-transform: uppercase;transition: all .5s ease;}
button.btn-submit:hover{background: #A5010E; border: 1px solid #A5010E;}
.modal-confirm h5 { text-align: center; font-size: 22px; line-height: 30px; margin: 20px 0 25px; font-family:'Montserrat-Medium'; color:#232323;}
.donate-submit p{float: left; width: auto; margin: 0px;padding: 15px 0px;font-size: 16px; color:#232323}
.donate-submit p a{color:#a50000; border-bottom: 1px solid #a50000; padding-bottom:3px }
.donate-note{background: #f2f2f2;padding:30px 25px;float: left; width: 100%;margin:80px 0px}
/* share icon */
.right-icon{padding: 0px;margin: 0px;position: fixed; right: -254px;/*top: 190px;*/ top: calc(50vh - 105px); width: 300px;z-index: 99;}
.right-icon ul li a { width: 100%; list-style-type: none; background-color: #BF0D0D;color: #efefef;height: 45px; padding: 0px; margin: 0px 0px 1px 0px; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;cursor: pointer; float:left;}
.right-icon ul li a:hover {margin-left: -22px; font-size: 16px; line-height: 45px; font-family: 'Montserrat-Medium'; transform: translateX(-140px); -webkit-transform: translateX(-140px); -moz-transform: translateX(-140px); background-color: #BF0D0D; width: 100%;}
.right-icon ul li p { font-size: 16px; float:left; color: #fff; padding: 0px 10px; margin: 0px 0px 0 0; line-height: 45px; border-left: 1px solid rgba(255,255,255,0.5);}
.right-icon ul li a{ color:#fff}
.right-icon ul li img{float:left;width: 32px;margin: 10px 10px 0; }
.right-icon ul li:first-child img { margin: 7px 11px 0 12px; width:32px;}
.right-icon ul li.rent-ic img { margin-top: 13px; }
.right-icon ul li.deal-srch a:hover { -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); transform: translateX(-200px); }
.right-icon ul li.side-log a:hover { -webkit-transform: translateX(-210px); -moz-transform: translateX(-210px); transform: translateX(-210px); }
.right-icon ul li p strong { font-weight: 700; }
.mob-scl-links i {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #ffffff; /* Change as needed */
color: #000000; /* Icon color */
font-size: 22px;
}
ul.tab-round { column-gap: 10px;}
ul.tab-round li { flex: 0 1 54px; border-radius: 50px;}
ul.tab-round li:not(:last-of-type)::after { display: none;}
.foundation .prj-title h2 span { display: inline-block; width: 100%;}
/* radio boxcss */
.form-amount { float: left; width: 100%; text-align: center;}
.donate_radio {display: block; position: relative;padding-left: 35px;margin-bottom: 12px; cursor: pointer;font-size: 20px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;margin: 0px 0px 15px;}
ul.tabs.form-amount li.current label, ul.tabs.form-amount li:hover label { color: #A5010E;}
ul.tabs.form-amount li.current label::before, ul.tabs.form-amount li:hover label::before { border: 2px solid #A5010E; background: #fff;}
/* Donate page css */
.donate form, .donate .nav-pills{display: inline-block}
.donate_radio, .donate_checkbox {float: left;margin: 0px 10px 15px;font-size: 20px;font-family: 'Montserrat-Bold';color: #737171;}
.donate_radio input, .donate_checkbox input{margin-right: 4px;}
.donate h1{font-size: 34px; font-family: 'Montserrat-Bold'; color:#737171; text-transform: uppercase }
.donate h1 span{color:#232323;font-weight: bold;}
.donate .nav-pills li a{color: #ffffff;width: 52px;height: 52px;background: #232323;line-height: 52px;border-radius: 50%;text-align: center;padding: 0px;padding:0px 5px; font-size: 32px; font-family: 'Montserrat-Bold'; }
.donate .nav-pills li.active a{background:#a50000}
.donate .nav-pills li{padding:0px 5px}
ul.frm-amount{margin: 0px 0px; padding: 0px;list-style: none; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; row-gap: 10px; column-gap: 20px;}
ul.frm-amount li{ flex: 0 1 auto; background: none;display: inline-block;cursor: pointer;margin-right:0px; padding:0; color: #000; font-size: 22px; line-height: 24px; font-family: 'Montserrat-Regular';
text-align: center; transition:all .5s ease; position: relative;}
ul.frm-amount li.current{ color: #A5010E; background: none;}
ul.frm-amount li:hover {color: #A5010E;background: none;}
.frm-amount input[type="radio"] { display: none;}
.frm-amount label { display: inline-flex; align-items: center; cursor: pointer; font-size: 18px;font-family: 'Montserrat-Regular'; margin-bottom: 0;}
.frm-amount label::before { content: ""; width: 18px; height: 18px; border: 2px solid #d9d9d9; background: #d9d9d9; border-radius: 50%; display: inline-block; margin-right: 8px; position: relative;}
.frm-amount input[type="radio"]:checked + label::before { border-color: #A5010E; background: #fff; box-shadow: inset 0 0 0 4px #A5010E;}
#myterms .modal-header { justify-content: right; background: none; padding-bottom: 10px;}
#myterms .modal-body { max-height: 460px; overflow-y: auto; padding-top: 10px; }
#myterms .close { text-align: right; margin: 10px 15px 0;}
#myterms h3 {font-family: 'Montserrat-SemiBold'; font-size: 18px; line-height: 26px; color: #000; margin-bottom: 12px; text-align: left;margin-top: 20px;}
#myterms p {font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 24px; color: #000; margin-bottom: 12px; text-align: left;}
#myterms a { color: #000; text-decoration: underline;font-family: 'Montserrat-SemiBold';}
#myterms a:hover { color: #A5010E;}
#myterms .tab-list ul { row-gap: 10px; margin-top: 10px;}
.thick { border: 2px solid #000; width: 125px;}
.cloud-img { float: left; width: 100%; margin-bottom: 40px;}
.cloud-img img { max-width: 210px;}
.foundation #tab-2 img { width: auto;}
.foundation #tab-2 .prj-title h2 span { display: initial;}
.foundation #tab-2 p { text-align: left; margin-bottom: 10px; font-size: 16px; line-height: 24px;}
.foundation #tab-2 h4 {font-family: 'Montserrat-SemiBold'; font-size: 20px; line-height: 26px; color: #000; margin-bottom: 20px; }
.foundation #tab-2 h3 {font-family: 'Montserrat-Medium'; font-size: 30px; line-height: 42px; color: #000; margin-bottom: 20px; }
.foundation #tab-2 h3 span {font-family: 'Montserrat-Bold'; }
.foundation #tab-2 a { color: #000; text-decoration: underline;font-family: 'Montserrat-SemiBold';}
.foundation #tab-2 a:hover { color: #A5010E;}
.foundation #tab-2 .right-contentdonate p{text-align: center;font-size: 22px; font-weight: normal;border-bottom: 5px solid #A5010E; padding-bottom:7px; }
.distrubution-amount{margin-top:50px;}
.distrubution-amount .table, .distrubution-amount td{border-bottom: 2px solid #E0DFDF; border-top:0px !important;padding-bottom:10px; font-size: 18px; font-family: 'Montserrat-Regular'; font-weight: normal;color:#232323}
.distrubution-amount td:nth-last-child(1){text-align: right; width:110px;}
.distrubution-amount td span{color:#232323}
.distrubution-amount td { padding: 15px;}
/* .distrubution-amount .table tr:nth-child(odd) { background: #fff;}
.distrubution-amount .table tr:nth-child(even) { background: #fff;} */
.terms-donate a{color:#a50000; border-bottom: 1px solid #a50000; padding-bottom: 0px}
.terms-donate label{font-size: 18px; font-weight: normal; }
.terms-donate, .terms-donate .send-data {text-align: center;}
.terms-donate .send-data{margin-top: 45px}
.terms-donate label {float: left;display: contents; font-size: 16px;}
.email_us {padding-bottom: 80px;}
.tab-pane .email_us, .contact_uss {padding-bottom: 0px;}
input.form-control:focus, textarea.form-control:focus, select.form-control:focus { box-shadow: 0px 0px 15px #a50000; }
.foundation #tab-2 .frm-amount label::before {top: 3px;}
.left-contentdonate, .right-contentdonate { float: left; width: 100%;}
.confirmation-sec { float: left; width: 100%; padding: 40px 30px; background: #f4f4f4;}
.individual-sec .signup-d .prj-title { margin-bottom: 0;}
/* */
/* address-sec */
.address-sec{width: 100%; float: left; padding: 40px 0px 70px; background: #ffffff;}
.address-div {width: 100%; float: left; padding:40px 10px; background: #ffffff;display: flex;flex-wrap: wrap;align-items: center; row-gap: 30px; }
.address-div .prj-title { padding: 0;}
.address-sec h2{width: 100%; float: left; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; text-align: center; margin-bottom: 10px;}
.address-sec h4{width: 100%; float: left; font-family: 'Montserrat-Light'; font-size: 22px; line-height: 28px; color: #000; text-align: center; margin-bottom: 30px;}
.address-sec-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.address-sec h3 {float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 28px; line-height: 34px; color: #606060; letter-spacing: 1px; text-align: center; margin-bottom: 30px;}
.address-sec p {float: left; width: 100%; text-align: left; font-family: 'Montserrat-Regular'; font-size: 16px; line-height: 26px; color: #232323; margin-bottom: 10px; display: inline-block;}
.address-text { float: left; width: 100%;}
.address-sec p a { color: #232323; font-size: 16px; font-family: 'Montserrat-Regular'; line-height: 26px; text-decoration: underline; transition: all .5s ease;}
.address-sec p a:hover {color: #A5010E;}
.logo-left { float: left; width: 100%; text-align: center; }
.our-appeal { float: left; width: 100%; padding: 50px 0;}
.belief-section {width: 100%; float: left; padding: 50px 0px; background: linear-gradient(to right, #f8f9fa, #e9ecef);}
.belief-content { display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.belief-image img { max-width: 100%; height: auto; border-radius: 10px;}
.belief-text { max-width: 600px; margin-left: 20px;}
.belief-text h2 { font-size: 34px; color: #333; font-family: 'Montserrat-Bold'; font-size: 28px; line-height: 30px; color: #606060; letter-spacing: 1px; margin-bottom: 0px;}
.belief-text p { font-family: 'Montserrat-Regular'; font-size: 18px; line-height: 26px; color: #232323;}
.prj-title-top {width: 100%;float: left;padding: 0; margin-bottom: 20px;}
.prj-title-top h2{float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #000; letter-spacing: 1px; text-align: left; margin-bottom: 10px;}
.prj-title-top h2 span { font-family: 'Montserrat-Regular';}
.prj-title-top p{float: left; width: 100%; text-align: left; font-family: 'Montserrat-Regular'; font-size: 20px; line-height: 32px; color: #222; margin-bottom: 20px;}
.video-sec { float: left; width: 100%; }
.video-sec iframe { float: left; width: 100%; height: 300px;}
.cso-content h2{float: left; width: 100%; font-family: 'Montserrat-Bold'; font-size: 42px; line-height: 48px; color: #fff; letter-spacing: 1px; text-align: left; margin-bottom: 10px;}
.cso-content h2 span { font-family: 'Montserrat-Regular';}
.cso-content p{float: left; width: 100%; text-align: left; font-family: 'Montserrat-Regular'; font-size: 18px; line-height: 28px; color: #ffff; margin-bottom: 20px;}
.our-appeal #readmore .modal-dialog { width: 800px; max-width: 100%;}
.our-appeal #readmore .modal-header { padding: 20px 0; border-bottom: 1px solid #dee2e6;}
.our-appeal #readmore .modal-header h2 {width: 100%; float: left; font-family: 'Montserrat-Bold'; font-size: 32px; line-height: 40px; color: #000; text-align: center; margin-bottom: 0px;}
.our-appeal #readmore p {text-align: center;font-size: 18px; line-height: 28px;margin: 0px 0 0px; font-family:'Montserrat-Medium'; color:#232323;}
.our-appeal .cso-content a {float: left; background: none; color: #fff; display: inline-flex; padding: 0; font-family: 'Montserrat-Medium'; text-decoration: underline; font-size: 16px; line-height: 22px; text-transform: none; transition: all .5s ease; margin-top: 10px;}
.our-appeal .cso-content a:hover{opacity: 0.6; }
.cso-donate { float: left; width: 100%; margin-top: 30px;}
.our-appeal .cso-donate ul { display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px;}
.our-appeal .cso-donate ul li { flex: 0 1 auto;}
.our-appeal .cso-donate .wht-btn {float: left; background: #ffffff; color: #000; border: none; display: inline-flex; padding: 8px 15px; font-family: 'Montserrat-Medium'; font-size: 14px; line-height: 22px; text-transform: uppercase; transition: all .5s ease; margin-top: 0px;}
.our-appeal .cso-donate .wht-btn:hover{background: #c1c1c1;}
.our-appeal .cso-donate .red-btn { background: #df4b4b; color: #ffffff;}
.our-appeal .cso-donate .red-btn:hover { background: #c74242;}
.our-appeal .price-input .field label { font-size: 16px;}
.our-appeal .price-input .field input { font-size: 22px;}
.share-link { position: relative;}
.open-link{ position: absolute; padding-top: 5px; width: 140px; bottom: -35px;}
.our-appeal .open-link ul { column-gap: 0px;}
.open-link li img {width: 30px;height: auto !important;}
.first_share { display: flex; flex-direction: column; position: absolute; opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
.share-link:hover .first_share { opacity: 1; visibility: visible;}
.first_share ul { display: flex; flex-direction: row; padding: 0;}
.first_share li { list-style: none; opacity: 0; transform: translateY(-10px);animation: fadeInOneByOne 0.3s ease-in-out forwards;}
.first_share li:nth-child(1) { animation-delay: 0.1s;}
.first_share li:nth-child(2) { animation-delay: 0.2s;}
.first_share li:nth-child(3) { animation-delay: 0.3s;}
.first_share li:nth-child(4) { animation-delay: 0.4s;}
@keyframes fadeInOneByOne {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.achievement-sec { background-color: #f8f9fa; padding: 50px 0; float: left; width: 100%;}
.achievement-box { background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); text-align: center;}
.achievement-header { display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 20px;}
.achievement-img { width: 80px; height: auto;}
.achieve-title { font-size: 42px; line-height: 42px;font-family: 'Neometric-AltMediumItalic'; color: #2c3e50; text-align: left;}
.achievement-desc { font-size: 16px; color: #555; line-height: 1.6; margin-bottom: 15px;}