header

{

	padding-top: 20px;

	position: absolute;

    width: 100%;

    top: 0;

    z-index: 100;

}


body

{

	font-family: 'Nunito', sans-serif !important;

}

@media screen and (max-width:320px) and (max-width:767px){
    .home-banner-section .banner-text .title{
        font-size:25px!important;
    }

.popup-contact-form{
        margin-top: 20px;
}
.popup-contact-form .heading .heading-title, .home-about-section .text-section .title{
    font-size: 19px!important;
        font-weight: 600;
    
}
.home-about-section .text-section .title{
           padding-top: 10px !important; 
}
.home-learning-section .second-row .box-section .title{
    font-size: 18px!important;
    line-height: 0.2!important;
}
.popup-contact-form{
        
    padding: 25px 20px!important;
}
.home-learning-section .title-section h2{
    font-size:18px!important;
}
.home-learning-section .second-row{
    margin-top: 10px!important;
}
.image-section .text-center{
        margin-bottom: 40px!important;
}
.image-section{
    margin-bottom:40px;
}
.img-section img{
        width: 50px!important;
    height: 50px!important;
}

}
.invest:hover{
        transform: scale(1.04);
    box-shadow: 0px 6px 6px #726f6f8f;
    border-radius: 7px;
}
.return1:hover{
        transform: scale(1.04);
    box-shadow: 0px 6px 6px #726f6f8f;
    border-radius: 7px;
}
.invest1:hover{
        transform: scale(1.04);
    box-shadow: 0px 6px 6px #726f6f8f;
    border-radius: 7px;
}
.return:hover{
        transform: scale(1.04);
    box-shadow: 0px 6px 6px #726f6f8f;
    border-radius: 7px;
}
.event-gallery-section .img-fluid{
        border-radius: 10px;
    border: 2px solid #e5e5e5;
    box-shadow: -4px 4px 4px #817878;
}
.main-button-section{
        padding: 10px 20px;
        background-image: linear-gradient(45deg, #e8505b, #a53692);
    color: #fff !important;
    border-radius: 8px;
    margin-top: 19px;
        border: 1px solid #fff;
}
.book-shape{
    position: relative;
    left: 44%;
    top: 68px;

}
.float-bob-x{
    animation-name: float-bob-x;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: 
linear;
    animation-timing-function: 
linear;
}

@keyframes float-bob-x{
   0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
} 
}
.parasuit-shape{
        position: absolute;
    left: 36px;
    top: 19%;
}
.float-bob-y{
    animation-name: float-bob-y;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: 
linear;
    animation-timing-function: 
linear;
}
@keyframes float-bob-y{
    50% {
        transform: translateY(-10px);
}

100% {
        transform: translateY(-30px);
}
}

.home-banner-section

{

	background-image: url('../images/bg-formss.png');

	padding-top: 130px;

	background-size: cover;

    background-position: center bottom;

    position: relative;

}	

.home-banner-section .banner-text .title

{

	font-size: 72px;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 29px;
    font-family: 'Nunito', sans-serif;
    /* color: #0082c6; */
    /* font-size: 27px; */
    font-weight: bold;
    /* color: #fecc2f; */
    background: linear-gradient(45deg, #ed3237, #0082c6, #a53692);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-top: 54px;



}

.requestacallback-right

{

    position: fixed;

    top: 30vh;

    z-index: 99;

    right: 0;

}

.requestacallback-right a

{

    color: #fff;

    writing-mode: tb;

    padding: 15px 15px;

    font-weight: 600;

    font-size: 14px;

    background-color: #00a859;

    border-radius:15px 0px 0 15px;

}

.requestacallback-right a:hover

{

    text-decoration:none;

}

.home-banner-section .banner-text .description

{

	color: #000000;

	font-size: 18px;

	font-weight: 400;

    font-family: 'Nunito', sans-serif;

}

.home-live-section .second-row .title-section h2

{   

    margin-bottom: 2rem;

    font-size: 40px;

    font-weight: 500;

}

.home-live-section  .row.second-row

{

    margin-top:60px;

}

.home-banner-section .banner-text

{

	padding-top: 30px;

}

.popup-contact-form {

    background-color: #fff;

    /*background-image: url('../images/form-bg.png');*/

    background-size: contain;

    background-position: bottom;

    background-repeat: no-repeat;

    text-align: center;

    padding: 30px 40px;

    border-radius: 25px;

}

.popup-contact-form {

    -webkit-box-shadow: 0 3px 25px 0 rgb(232 80 91 / 16%);

    box-shadow: 0 3px 25px 0 rgb(232 80 91 / 16%);

}
.popup-contact-form:hover{
    /*border:2px solid red;*/
}

.heading {

    margin-bottom: 20px;

}

.popup-contact-form .heading .heading-title {

    font-size: 30px;

    margin-bottom: 4px;

}

.heading .heading-title {

    font-family: roboto,sans-serif;

    color: #212529;

    font-size: 30px;

    font-weight: 500;

    line-height: 1.5;

    margin-bottom: 10px;

    text-transform: unset;

}

.popup-contact-form .heading .heading-desc {

    line-height: 1.31;

}

.heading .heading-desc {

    font-family: roboto,sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    color: #868e96;

    margin-bottom: 0;

    padding: 0;

}

.popup-contact-form .form-control {

    color: #868e96;

    font-family: roboto,sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 57px;

    text-transform: capitalize;

    height: 57px;

    border: 0;

    border-bottom: 1px solid #dee2e6;

    background: 0 0;

    padding: 0;

    margin-bottom: 4px;

    position: relative;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.popup-contact-form .btn--primary {

    background-image: linear-gradient(45deg, #e8505b, #a53692);
    color: #fff;

}

.popup-contact-form .btn {

    font-family: roboto,sans-serif;

    display: inline-block;

    position: relative;

    z-index: 2;

    font-size: 16px;

    font-weight: 400;

    text-align: center;

    border-radius: 0;

    padding: 0;

    width: 221px;

    height: 51px;

    line-height: 51px;

    -webkit-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    border-radius: 50px;

    overflow: hidden;

    width: 100%;

    margin-top: 20px;

    margin-bottom: 20px;

}



@media screen and (min-width: 768px){

.popup-contact-form p.notice {

    padding: 0 45px;

}

}

.popup-contact-form p.notice {

    font-size: 12px;

    line-height: 1.5;

}

.home-about-section

{

	background-color: #FFF8DC;
	  ;
    background-image: url(https://littleleaders.in/assets/img/hero/left.png);
    background-repeat: no-repeat;
    background-position: left;


}

.home-about-section

{

	margin-top: 100px;

}

.home-about-section .text-section .title

{

	

	font-weight: bold;

	margin-bottom: 20px;

	font-size: 2.375rem;

	padding-top: 80px;

}

.home-about-section .text-section .title

{

	color: #ed3237;

    text-align: center;

}

.home-about-section .image-section img

{
    width: 100%;
    /* border-radius: 25px; */
    /* box-shadow: 0 0 6px 0 #000000; */
    /* margin-top: -30%; */
    border-top-left-radius: 90px;
    /* border-bottom-right-radius: 90px; */
    border-top-right-radius: 90px;
    box-shadow: 8px -8px #066237;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}

.home-about-section .text-section .description

{

	font-size: 18px;

	text-align: justify;

}

.home-learning-section

{

	background-color: #00A859;

}



.home-learning-section .title-section h2

{

	color: #fecc2f;

	margin-bottom: 2rem;

	font-size: 40px;

	font-weight: 500;

}

.home-learning-section  .learning-kit span:first-child

{

	padding-left: 0;

}



.home-learning-section  .learning-kit span {

    font-weight: bold;

    display: inline-block;

    padding: 0 2rem;

    position: relative;

}

.home-learning-section .learning-kit {

    color: #fff;

    margin-bottom: 2rem;

}

.home-learning-section .learning-kit span::after {

    content: "";

    position: absolute;

    width: 1px;

    height: 100%;

    background: #ffffff;

    top: 0;

    right: 0;

}

.home-learning-section .learning-kit span:last-child:after
{
    display: none;
}

.home-live-section  .box-section img

{

    width: 70px;

    height: 70px;

}

.home-learning-section .second-row

{

	margin-top: 80px;
	margin-bottom:40px;

}

.home-learning-section .second-row .box-section .img-section

{

	float: left;

}

.home-learning-section .second-row .box-section .text-section

{

	display: table-cell;

	padding-left: 20px;

}

.home-learning-section .second-row .box-section .title

{

	    font-size: 22px;

    line-height: 1.2;

    margin-bottom: 0;

    color: #ffffff;

}

.home-learning-section .second-row .box-section .description

{

	color: #ffffff;

}

.home-learning-section .second-row .box-section

{
	margin-bottom: 20px;
}
.bx-sc
{
    margin-top: 40px;
}
.foo-social
{
    margin-top:20px;
}

.home-live-section

{

	background-color: #fecc2f;

}

.home-live-section .box-section .title

{

	color: #004fa8;

	font-size: 18px;

	font-weight: bold;

	margin-top: 10px;

}

.home-live-section

{

	padding-top: 100px;

	padding-bottom: 100px;

}

.home-cta-action

{

	background-color: #6C73B5;

}

.home-cta-action .text-section h3

{

	color: #fecc2f;

    font-size: 45px;

    font-weight: 500;

    line-height: 60px;

    margin-bottom: 15px;

     margin-top: 60px;

}
.home-cta-action .text-section h4{
    	font-size: 27px;
  font-weight: bold;
  color: #fecc2f; /* fallback color */
  background: linear-gradient(45deg, #ffffff, #fecc2f, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.home-cta-action .text-section p

{

	color: #fff;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.5;

    margin-bottom: 38px;



}

html {

  scroll-behavior: smooth;

}



.home-cta-action .btn--primary {

 background-color: #fecc2f;
    color: #141414;

}

.home-cta-action .btn 

{

    font-size: 21px;

    font-weight: bold;

    text-transform: uppercase;

    padding: 10px 30px;

    border-radius: 50px;

}

.home-cta-action .text-section

{

	margin-bottom: 80px;

}

footer

{

	background-color: #ebfdf1;



}

footer .text-section

{

	padding-top: 50px;

    padding-bottom: 100px

}

footer .text-section .foo-address

{

    margin-top: 30px;

    font-weight: 600;

    color: #212529;

}

.foo-social a i

{

    background-color: #ec2b4f;

    width: 45px;

    height: 45px;

    color: #ffffff;

    border-radius: 40px;

    line-height: 45px;

    font-size: 25px;

}

.foo-social a

{

    margin: 0 10px;

}
.home-learning-section .second-row .box-section .img-section
{
    background-color: #f9e9ba;
    border-radius: 39px;
}

.home-learning-section .second-row .box-section .img-section img

{

    width: 60px;
    height: 60px;
    padding: 10px;

}
.box-section1 img
{
    width: 65px;
    height: 65px;
    padding: 12px;
}
.box-section1
{
    background-color: #fff;
    width: 70px;
    height: 67px;
    border-radius: 100%
}
.box-section1-head
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-items: center;
}
.widget-visible
{
    display: none!important;
}
.invest
{
    background-color: #FF6666;
    text-align: center;
    color:#fff;
    font-weight: 400;
    padding: 20px;
    font-size: 20px;
    margin-top: 20px;
      transition: transform 0.3s ease;
      border-radius:7px;
}
.invest h2
{
    font-size: 30px;
}
.invest1
{
    background-color: #38A9E5;
    text-align: center;
    color:#fff;
    font-weight: 400;
    padding: 20px;
    font-size: 20px;
    margin-top: 30px;
      transition: transform 0.3s ease;
      border-radius:7px;
    
}
.invest1 h2
{
    font-size: 30px;
}
.return
{
    background-color: #45D63D;
    text-align: center;
    color:#fff;
    font-weight: 400;
    padding: 20px;
    font-size: 20px;
    margin-top: 20px;
      transition: transform 0.3s ease;
      border-radius:7px;
}
.return h2
{
    font-size: 30px;
}
.return1
{
    background-color: #D03F9C;
    text-align: center;
    color:#fff;
    font-weight: 400;
    padding: 20px;
    font-size: 20px;
     margin-top: 30px;
       transition: transform 0.3s ease;
      border-radius:7px;
}
.return1 h2
{
    font-size: 30px;
}
.head-text
{
    text-align: center;
}

/*--thank you pop starts here--*/

.thank-you-pop{

    width:100%;

    padding:20px;

    text-align:center;

}

.thank-you-pop img{

    width:76px;

    height:auto;

    margin:0 auto;

    display:block;

    margin-bottom:25px;

}



.thank-you-pop h1{

    font-size: 42px;

    margin-bottom: 25px;

    color:#5C5C5C;

}

.thank-you-pop p{

    font-size: 20px;

    margin-bottom: 27px;

    color:#5C5C5C;

}

.thank-you-pop h3.cupon-pop{

    font-size: 25px;

    margin-bottom: 40px;

    color:#222;

    display:inline-block;

    text-align:center;

    padding:10px 20px;

    border:2px dashed #222;

    clear:both;

    font-weight:normal;

}

.thank-you-pop h3.cupon-pop span{

    color:#03A9F4;

}

.thank-you-pop a{

    display: inline-block;

    margin: 0 auto;

    padding: 9px 20px;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    background-color: #8BC34A;

    border-radius: 17px;

}

.thank-you-pop a i{

    margin-right:5px;

    color:#fff;

}

#ignismyModal .modal-header{

    border:0px;

}

/*--thank you pop ends here--*/

.error

{

    color: #e8505b;

    margin-bottom: 0;

    text-align: left;

}








@media only screen and (max-width: 600px) {

.text-left p br
{
display: none;
}
.home-banner-section .banner-text .description {
    color: #000000;
    font-size: 16px;
    }

    .home-banner-section .banner-text .title br

    {

        display: none;

    }

    .home-banner-section .banner-text .title

    {

        font-size: 35px;

    }

    .popup-contact-form .heading .heading-title,

    .home-about-section .text-section .title

    {

        font-size: 25px;

    }

    .home-learning-section .title-section h2 br

    {

        display: none;

    }

    .home-learning-section .title-section h2

    {

        font-size: 30px;

    }

    .learning-kit span {

    padding: 0 0.5rem !important;

    margin-bottom: 0.5rem !important;

    font-size: 14px;

    }

    .home-live-section .col

    {

        width: 50%;

        display: inline-block;

        flex-basis: auto;

    }

    .home-live-section .box-section .title

    {

        font-size: 14px;

    }

    .home-cta-action .btn

    {

        width: 100%;

        font-size: 12px;

    }
    .head-text h1
    {
        display: none;
    }
    .home-banner-section .banner-text {
    padding-top: 0px;
}
.invest h2 {
    font-size: 18px;
}
.invest
{
    padding: 10px;
}
.invest1 h2 {
    font-size: 18px;
}
.invest1
{
    padding: 10px;
}
.return
{
    margin-top: 30px;
    padding: 10px;
}
.return h2 {
    font-size: 18px;
}
.return1
{
    padding: 10px;
}
.return1 h2 {
    font-size: 18px;
}
}
@media (min-width: 768px) and (max-width: 1024px) 
{
    .return
    {
        margin-top: 30px;
    }
}