@charset "utf-8";

html {
  scroll-behavior: smooth;
}
body{  font-family: "Roboto", serif; color: #000; line-height: 1.2;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
button:focus {
	outline: 0px dotted;
	outline: 0px auto -webkit-focus-ring-color;
}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
body {padding: 0px;;font-weight: normal;}
a, a:hover {text-decoration: none}
.navbar { margin-top: 0px;}
.navbar {
  background-image: linear-gradient(91deg, #000000a6, transparent, rgb(38 121 9 / 0%) 100%);

  margin-top: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
/**.ndtop {background: rgba(0,0,0,0.4);}***/

.ndtop .nav-link {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 0px 0px 40px !important;
}
.headerdgn {

	

}

  
  header.headerdgn>img:not(.banner_graph) {
width: 100% !important;
  }
 
.colorone {color: #3c4961;}
.dnform {
	padding: 20px;
	background: #fff;
	color: #000;
	border-radius: 10px;
	display: table;
	width: 100%;
}
.frm-dign-caption select, .frm-dign-caption input {  border: none;   outline: 1px solid #000;}
.frm-title {font-size: 30px;font-weight: bold;}
.frm-subtitle {font-size: 16px;}
.frm-input {
	color: #3c4961 !important;
	font-weight: bold;

	font-size: 1.125rem;


	padding: 1.2rem 2.5rem;
	
}
.frm-input::placeholder {
color: #3c4961  !important;
font-size: 1.125rem;
font-weight: normal;
opacity: 1; /* Firefox */
}
.frm-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #3c4961 ;
font-size: 1.125rem;
font-weight: normal;
}
.frm-input::-ms-input-placeholder { /* Microsoft Edge */
color: #3c4961 ;
font-size: 1.125rem;
font-weight: normal;
}

/* TOGGLE STYLING */
.toggle {margin: 5px;}
.toggle input {
	width: 0;
	height: 0;
	position: absolute;
	left: -9999px;
}


.donatebtn {
	border: 0px;
	background: none;
	cursor: pointer;
}
.donatebtn img {width: 100%;}
.bnrtitle {font-size: 50px;font-weight: bold;}
.bnrdec {
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
}


.titleone {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 60px;
}
.titletwo {
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 60px;
}
.colortwo {color: #bc519f;}
.dectitle {	font-size: 20px;}
.ab-navyadgn {
	margin-bottom: 100px;
    padding-bottom: 40px;
    background: url(../navyaimages/ab-bg.png) no-repeat;
    height: 1130px;
    background-position: 0px 120px;
}
.ab-navyadgn .container {	position: relative;}
.gradientone {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 31%, rgba(223,211,225,1) 100%);
}
.elementsonedgn {
	position: absolute;
	height: 470px;
	right: 0px;
	top: 0px;
}
.mockupsone {
	position: absolute;
  width: 570px;
  bottom: 0px;
  right: 320px;
}
.navyavideodgm {margin-bottom: 100px;}
.navyavideodgm .titletwo {margin-bottom: 30px;}
.navyavideo {width: 300px;}
.fw-box {
  margin-top: 70px;
	background: url(../navyaimages/donate-bg.png) no-repeat ;
	padding: 70px 0px;
	margin-bottom: 100px;
  background-position: -1450px 0px;
}
.navyadonatelist{margin-bottom: 100px;}
.girlsonpad{width: 100%;}
.single_user_pil {
  background: #f5f5ff;
  padding: 10px 20px;
  border-radius: 15px;
  transition: .3s;
  margin-bottom: 15px;
}

.widget-content .widget-content-wrapper {
  display: flex;
  flex: 1;
  position: relative;
  align-items: center;
  color: #3c4961;
}

.girl_img img {margin: 0 auto; display: block;} 
.mb-1 { margin-bottom: 1rem;}

.widget-content .widget-content-wrapper .widget-content-left {width: 65%; position: relative;     font-weight: 500;}
.widget-content .widget-content-wrapper .widget-content-right  {max-width: 35%; padding-left: 1rem;}




::-webkit-scrollbar {
  width: 15px;
  background-color: #e9e9e9;

}
::-webkit-scrollbar-thumb {
  background-color: #758da0;

}
::-webkit-scrollbar-track {
  width: 15px;
  background-color: #e9e9e9;
 
}

.elementfive {
  width: 150px;
  position: absolute;
  right: 0px;
  bottom: -55px;
  width: 120px;
}
.navyavideodgm .container, .navyadonatelist .container{position: relative;}
.elementtwo{	
    right: 20px;
    top: -170px;
    transform: rotate(227deg);
    width: 40px;
}
.elementthree{
	right: -20px;
    top: 110px;
    transform: rotate(217deg);
    width: 100px;
}
.elementfour, .elementthree, .elementtwo, .elementsix{position: absolute;}
.elementfour{
	left: -50px;
    bottom: -30px;
    width: 100px;
}
.elementsix{
	top: -180px;
    right: -10px;
    width: 48px;
	transform: rotate(50deg);
}
.fw-box .btntwo{width: 320px;
    position: absolute;
    right: -80px;
	top: -31px;}
footer .elementthree{
	width: 100px;
    left: -30px;
    top: -210px;
}
.navyadonatelist .ndelmt-five{
	left: -10px;
    bottom: 100px;
    top: inherit;
    width: 40px;
}
.pr{position: relative;}
.ndelmt-three{
	top: 0px;
    transform: rotate(-4deg);
    width: 100px;
    right: -20px;
}
.ndelmt-two{
	top: -110px;
    transform: rotate(-4deg);
    width: 30px;
    right: 100px;
}
/*********************/
.nvydgn .inpt-icon .input-group-text, .inpt-icon .form-control{
	color: #7a367f !important;
    font-weight: bold;
    
    font-size: 12px;
    background: #ebc6e8;
    border: 3px solid #7a367f;
}
.nvydgn .input-group-text{border-right: 0px !important; border-top-left-radius: 50px; border-bottom-left-radius: 50px;}
.nvydgn .amount{border-left: 0px !important; padding-left: 40px;}
.nvydgn select.form-control{ font-size: 18px; font-weight: 500; color: #3c4961;padding: 10px 20px ;  }
.nvydgn .indctz .form-control{   color: #3c4961; font-weight: bold;padding: 10px 20px}
.nvydgn .container-checkbox .checkmark {border: 1px solid #3c4961;}
.nvydgn .container-checkbox input:checked ~ .checkmark {    background-color: #3c4961;}
.leftside {background: #3c4961;}

.titletwo, .frm-title, .bnrtitle, .widget-heading, .widgetnumber{font-weight: 900;}
::placeholder {	color: #3c4961 !important;}
footer ul{margin:0px; padding: 0px;; list-style: none;}
footer ul li:not(:last-child) {margin-bottom: 1rem;}
footer ul li a {color: var(--white); font-size: 1.125rem; text-transform: uppercase; transition: 0.5s;}
footer ul li a:hover {color: var(--theme-color);}
.red-clr{color:#ff0000}
.close{font-size: 12px;}

.vdodng .modal-content{
	border-radius: 20px;
	border: 10px solid #a62c7d;
	background: rgb(116,31,88);
background: linear-gradient(0deg, rgba(116,31,88,1) 31%, rgba(149,40,113,1) 100%);
}
.vdodng .modal-body {padding: 0px;}
.video-dgn{width: 100%; height: 500px; border-top-left-radius: 10px;border-top-right-radius: 10px; background: #c187ae;}
.video-cpt{padding: 20px;}
.video-cpt{ color: #fff; text-align: left;}
.video-cpt .modal-title{font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.video-cpt p{font-weight: 300;font-size: 16px;}
.vdodng .close{
	text-shadow: 0 0px 0 #fff;
position: absolute;
top: -18px;
right: -18px;
background: #a62c7d !important;
opacity: 1;
color: #fff;
font-size: 29px;
}

.ftr-bootem li{border-right: 1px solid #fff; margin-right: 20px; padding-right: 20px;}
.ftr-bootem li:last-child{border-right: 0px solid #543c7a; ;}
.socilicon {margin: 15px 0px 0px;}
.socilicon li {
    display: table;
    float: left;
    margin-right: 20px;
}
.socilicon li img {height: 16px;}

.prchvrdgn {
    color: #7a367f;
    font-size: 25px;
    margin-top: 20px;
    background: #f8a351;
    padding: 10px;
    text-align: center;
    border-radius: 100px;
    font-weight: bold;
    margin-bottom: 20px;
    display: none;
}


.cover {
  background-image: url("../navyaimages/vertical-video-player.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 268px;
  height: 500px;
  margin: 0px auto;
  padding-bottom: 50%;
  margin-bottom: 50px;
  background-position: 0px 0px;
  position: relative;
  cursor: pointer;
}
.cover video {
  opacity: 0;
  width: 100%;
  transition: 1s;
  position: absolute;
  z-index: -1;
  width: 330px;
    left: 0px;
    top: -72px;
    border-radius: 17px;
}

.navyakitdgn{margin-bottom: 100px;}
.navyakitdgn img {width: 100%;}


.mb-img{display: none;}

label.error{
	position: relative;
    left: 20px;
    font-size: 12px;
    color: #ff0000;
    top: 4px;
}

.container-checkbox label.error{ display:table; left:0px}
.f-widht {width: 100%;}

.video_sec iframe{width: 100%;aspect-ratio: 1800/1013;}
.video_sec>div{width:100%;}

.textsmll.tag_data { margin: 0 40px; }
.flex_img {     padding-right: 4rem;}
.vimeo_video iframe {     background: #925cb0;}


/* AANCHAL CSS START */
@font-face {
  font-family: HeuvelGrotesk;
  src: url(../leadbetter/fonts/HeuvelGrotesk-SemiBold.woff);
  font-weight: 500;

}
@font-face {
  font-family: HeuvelGrotesk;
  src: url(../leadbetter/fonts/HeuvelGrotesk-Bold.woff);
  font-weight: 600;

}


@font-face {
  font-family: HeuvelGrotesk;
  src: url(../leadbetter/fonts/HeuvelGrotesk-ExtraBold.ttf);
  font-weight: 800;

}


.myriadpro_font {  font-family: myriadpro-regular; line-height: 1;} 


.font10{font-size: 0.625rem;}/*10px*/
.font11{font-size: 0.688rem;}/*11px*/
.font12{font-size: 0.750rem;}/*12px*/
.font13{font-size: 0.813rem;}/*13px*/
.font14{font-size: 0.875rem;}/*14px*/
.font15{font-size: 0.938rem;}/*15px*/
.font16{font-size: 1.000rem;}/*16px*/
.font17{font-size: 1.063rem;}/*17px*/
.font18{font-size: 1.125rem;}/*18px*/
.font19{font-size: 1.188rem;}/*19px*/
.font20{font-size: 1.250rem;}/*20px*/
.font21{font-size: 1.313rem;}/*21px*/
.font22{font-size: 1.375rem;}/*22px*/
.font23{font-size: 1.438rem;}/*23px*/
.font24{font-size: 1.500rem;}/*24px*/
.font25{font-size: 1.563rem;}/*25px*/
.font26{font-size: 1.625rem;}/*26px*/
.font27{font-size: 1.688rem;}/*27px*/
.font28{font-size: 1.750rem;}/*28px*/
.font29{font-size: 1.813rem;}/*29px*/
.font30{font-size: 1.875rem;}/*30px*/
.font31{font-size: 1.938rem;}/*31px*/
.font32{font-size: 2.000rem;}/*32px*/
.font33{font-size: 2.063rem;}/*33px*/
.font34{font-size: 2.125rem;}/*34px*/
.font35{font-size: 2.188rem;}/*35px*/
.font36{font-size: 2.250rem;}/*36px*/
.font37{font-size: 2.313rem;}/*37px*/
.font38{font-size: 2.375rem;}/*38px*/
.font39{font-size: 2.438rem;}/*39px*/
.font40{font-size: 2.5rem;}/*40px*/
.font45{font-size: 2.813rem;}/*45px*/
.font46{font-size: 2.875rem;}/*46px*/
.font48{font-size: 3rem;}/*48px*/
.font49{font-size: 3.063rem;}/*49px*/
.font50{font-size: 3.125rem;}/*50px*/
.font54{font-size: 3.375rem;}/*54px*/
.font55{font-size: 3.438rem;}/*55px*/
.font58{font-size: 3.625rem;}/*58px*/
.font60{font-size: 3.75rem;}/*60x*/
.font63{font-size: 3.938rem;}/*63px*/
.font64{font-size: 4rem;}/*64px*/
.font65{font-size: 4.063rem;}/*65px*/
.font74{font-size: 4.625rem;}/*74px*/
.font80{font-size: 5rem;}/*80px*/
.font88{font-size: 5.5rem;}/*88px*/
.font108{font-size: 6.75rem;}/*108px*/


.fw100{font-weight: 100!important;}
.fw200{font-weight: 200!important;}
.fw300{font-weight: 300!important;}
.fw400{font-weight: 400!important;}
.fw500{font-weight: 500!important;}
.fw600{font-weight: 600!important;}
.fw700{font-weight: 700!important;}
.fw800{font-weight: 800!important;}
.fw900{font-weight: 900!important;}
.alkatra_font {  font-family: "Alkatra", system-ui;}
.line_height{line-height: 1.2;}

:root{
  --theme-color: #5851a3;
  --theme-color-light: #c599c6;
  --theme-color-yellow: #f0ee7a;
  --black:#000;
  --white:#fff;
}

.font_HeuvelGrotesk {font-family: HeuvelGrotesk;   line-height: 1;}
.mb_5  {margin-bottom: 5rem;}
.mb_6  {margin-bottom: 6rem;}
.mb_7  {margin-bottom: 7rem;}
.mb_8  {margin-bottom: 8rem;}
.mb_9  {margin-bottom: 9rem;}
.mb_10  {margin-bottom: 10rem;}

.mt_5  {margin-top: 5rem;}
.mt_6  {margin-top: 6rem;}
.mt_7  {margin-top: 7rem;}
.mt_8  {margin-top: 8rem;}
.mt_9  {margin-top: 9rem;}
.mt_10  {margin-top: 10rem;}

a {transition: 0.5s;}



.theme_color{color: var(--theme-color);}
.theme_color_light{color: var(--theme-color-light);}
.theme_color_yellow{color: var(--theme-color-yellow);}
.color_white {color: var(--white);}
.black_color {color: var(--black);}
.relative {position: relative;}
.text_highlight {position: absolute; bottom: 0; left: 0;     z-index: -1;}

.common_padding {padding: 5rem 0;}
header { background: var(--black); padding: 1rem 0; }
.header_inner { display: flex; justify-content: space-between; align-items: center; }
.nav ul { display: flex; justify-content: space-between; width: 100%; margin: 0; padding: 0; list-style: none; margin: 0; padding: 0; }
.nav ul li a { color: #fff; transition: 0.5s; }
.nav ul:hover li a {color: var(--theme-color); }
.nav ul li a:hover {color: #fff; }
.nav {flex-grow: 1; padding: 0 4rem;}

.top_intro_bg {text-align: center;  background-image: url("../leadbetter-img/repertx.jpg"); padding-bottom: 60px;     background-size: 100% 100%;}
.pink_board { background-color: var(--theme-color-light); width: max-content; margin: 0 auto; padding: 3rem; border-radius: 25px; border: solid 1px #000; transform: rotate(-3deg); }
.pink_board .text  {transform: rotate(2deg);}
.handshake_img {width: 100%;  pointer-events: none;   position: relative;
  margin-top: -6rem;}

  .main_section{background-image: url("../leadbetter-img/main-bg1.jpg"); position: relative; padding-bottom: 0;     background-size: 100% 100%;}
  /* .top_intro_bg::after {content: ''; height: 20rem; width: 100%; border-radius: 50%; display: block; background-color: red;}  */
/* .dividers_sec {position: absolute; left: 0; width: 100%; } */
.shape_theme {        width: 100%;
  position: absolute;
  top: 0;
  background: #9793c6;
  /* filter: drop-shadow(0px -25px 19px black); */
  z-index: 0;}

  .main_section:before {
    content: '';
    position: absolute;
    top: 17vw;
    left: 0;
    width: 100%;
    height: 100px;
    background: #f4ef77;
    z-index: 1;
}
.main_section .container {    position: relative;
  padding-top: 4rem;
  z-index: 3;}
  .main_section svg {       overflow: hidden;
    vertical-align: middle;
    filter: drop-shadow(0px -25px 19px #ffffffbf);  }
    .main_section svg path {fill: var(--theme-color-yellow);}

  .about_inner {display: flex;justify-content: space-between;}
  .about_inner .left {    width: 60%;}
  .about_inner .right {padding-left: 2rem; width: 38%;}


  .bg_lead {background-color: var(--theme-color);  position: relative;   padding: 3rem;
    border-radius: 25px; border: solid 1px var(--black);}
.lead_list {display: flex; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; justify-content: space-between;}
.lead_list li:not(:last-child) {width: 48%; margin-bottom: 1.5rem; }
.lead_list li {display: flex;     align-items: flex-start;}
.lead_list li .text {font-size: 1.5rem; color: var(--theme-color-yellow); padding-left: 2rem;}
.lead_list li .icon {height: 30px; width: 30px; background-color: var(--white); border-radius: 50%; border: solid 1px var(--black); color: var(--black);  min-width: 30px;    display: flex; align-items: center;justify-content: center;}

.bg_lead ul{ margin-top: 3rem; }
.bg_lead:after {content: ''; height: calc(100% + 8px); width: calc(100% + 8px); border: solid 1px var(--black); background-color: var(--white); position: absolute; top: -4px; left: -4px; z-index: -1; border-radius: 25px; transform: rotate(-1deg); }


.join_sec  {display: flex;}
.join_sec .left {width: 70%;}
.join_sec .right{width: 30%;}

.cirlce_line_text {text-align: center; position: relative; display: flex ; align-items: center; justify-content: center; margin-top: 6rem;}
.cirlce_line_text  .highlight_img {    position: absolute;left: 0;}
.cirlce_line_text  .text {transform: rotate(-3deg); }

.text_grid_list {margin-top: 5rem; list-style: none; list-style: none;  padding: 0;}
.text_grid_list li .grid_text_box {border-radius: 80px; padding: 0.8rem 3rem; border: solid 1px var(--black); 
  font-size: 1.25rem; text-align: center; min-height: 5rem; display: flex ; align-items: center; justify-content: center;}
.text_grid_list li:not(:last-child) {margin-bottom:1rem;}
.text_grid_list li:nth-child(3n+1) .grid_text_box {background-color: var(--theme-color-yellow);}
.text_grid_list li:nth-child(3n+2) .grid_text_box {background-color:var(--theme-color-light);   }
.text_grid_list li:nth-child(3n+3) .grid_text_box {background-color:#fffdc9;}
.text_grid_list li:nth-child(even){  transform: rotate(-2deg);}

.apply_now_btn img {    width: 16rem;}

.rotate_head {    transform: rotate(-2deg);}
.apply_now_link{ padding: 1rem 4rem; background-color: var(--theme-color-light); font-size: 2rem; font-weight: 600; color: var(--black); border-radius: 20px; border: solid 1px var(--black); transition: 0.5s;     display: inline-block;}
.apply_now_link:hover {color: var(--black);  transform: scale(1.05);}
.star_img { width: 8rem; }

footer {background-color: var(--black); padding: 4rem 0;}

.fotter_inner {display: flex; justify-content: space-between;}
.footer_right  {line-height: 1.3;}
.footer_right a {color: var(--white);}
.nav ul li a br {display: none;}
@media(max-width:767px){
  html {font-size: 14px; scroll-padding-top: 20px;}
  body {scroll-padding-top: 20px;}
  .header_inner {flex-wrap: wrap;}
  .header_inner .nav {order: 3; width: 100%;padding: 0 1rem; margin-top: 1rem;
     position: fixed; bottom: 0; left: 0;  border-top: solid 1px #ffffff30;
  z-index: 9; background-color: var(--black);
  }
  .nav ul li a br {display: block;}
  
  .nav ul li a {         font-size: 1.1rem;   padding: 1rem 0; display: block;}
  .bg_lead:after {display: none;}
  .nav ul li a:after {height: 10px; width: 10px; background-color: var(--white); content: ''; display: none;}
  .header_inner .logo img,  .header_inner .logoc3 img {height: 3.75rem;}
  .pink_board {width: 100%;}
  .text_grid_list li .grid_text_box {padding: 0.8rem 2rem;}

.font74.font_sm {font-size: 3rem;}
.font65.font_sm{font-size: 2.5rem;}
.font65.font_sm br {display: none;}
.mb_10 { margin-bottom: 5rem; }
.font35.font_sm {font-size: 1.5rem;        font-weight: 500 !important;}
.mb_5 {margin-bottom: 3rem;}
.font_sm.font40 br {display: none;}
.font_sm.font40  {    font-size: 2rem;}
.font60.font_sm_link  {     font-size: 2.75rem; }
.shape_theme {top: -2px;}
.about_inner {flex-wrap: wrap;            flex-direction: column-reverse;    position: relative;}
.about_inner  br {display: none;}
.about_inner .right {width: 100%; padding-left: 0;        text-align: center;
  margin-bottom: 2rem; }
.about_inner .right img {    width: 40%;
  margin: 0 auto;}
.about_inner .left {width: 100%;}
.about_inner .left .font55 {    font-size: 2.438rem;}
.about_inner .left .font38 {font-size: 1.375rem;}
.bg_lead ul {margin-top: 2rem;}
.lead_list li {width: 100% !important;}
.bg_lead {padding: 2rem;}
.bg_lead .font38  {font-size: 2rem;}
.lead_list li .text {padding-left: 1rem;    font-size: 1.2rem;}
.student_img {margin-left:0 !important; }
.join_sec {flex-wrap: wrap; position: relative;}
.join_sec .left  {width: 100%;}
.join_sec .right {width: 100%; position: absolute;
  opacity: 0.2;}
  .font74.font_sm br {display: none;}
  .cirlce_line_text .highlight_img {display: none;}
  .cirlce_line_text .text br {display: none;}
  .cirlce_line_text .text {    font-size: 2rem;}
  .cirlce_line_text {margin-top: 3rem;}
  .main_section .container {    padding-top: 1rem;}
  .font80.font_sm {    font-size: 3rem;}
  .font108.font_sm {    font-size: 4.75rem;  }
  .font108.font_sm br {display: none;}
  .fotter_inner {flex-wrap: wrap;}
  .fotter_inner .footer_left  {margin-bottom: 2rem;}
 .font35.color_white.mb-5  br {display: none;}
}