.banner{ font-family: Raleway ; height: 48vw; background-image: url(../../../../../public/images/enriched_academy/financial_calculator/banner-image.png); width: 100%;background-size: cover; background-position: center;}
.banner .main-content .all-data h2{ font-size: 60px; color: #000000; font-weight: 650; }
.banner .main-content .all-data p{ font-size: 17px; color: #000000; font-weight: 500; }
.banner .main-content .all-data .button-sec a{  font-weight: 500; transition: all 0.5s ease; border: 2px solid #666565; text-decoration: none; background-color: #e3ecfa; font-size: 17px; color: #000000; padding: 15px 20px; }
.banner .main-content .all-data .button-sec a:hover{font-weight: 500; border: 2px solid #000000; cursor: pointer; text-decoration: underline; background-color: #e3ecff; font-size: 17px; color: #000000; padding: 15px 20px; }
.banner .main-content .all-data .button-sec{ margin-top: 40px; }
.banner .main-content .all-data h2{ margin-top: 110px;  }



.Project-story{ padding: 80px 0px; font-family:  Raleway ; background-image: url(../../../../../public/images/enriched_academy/financial_calculator/pro-background.png); background-size: cover; background-position: center; }
.Project-story .left-image img{ width: 35%; position: absolute; }
.Project-story .main-content .image-sec img{ width: 100%; padding-top: 72px; position: relative;}
.Project-story .main-content .main-content-text h2{ font-size: 40px; color: #000000; font-weight: 600; }
.Project-story .main-content .main-content-text p{ font-size: 17px; color: #000000; font-weight: 500; }
.Project-story .main-content .main-content-text{ margin-top: 180px; }


.Features{font-family:  Raleway ; background-image: url(../../../../../public/images/enriched_academy/financial_calculator/features-back.png); background-position: center; background-attachment: fixed; background-size: cover; }
.Features .container .main-heading{ text-align: center; }
.Features .container .main-heading h2{ font-size: 40px; color: #ffffff; font-weight: 600; }
.Features .container .main-heading p{ font-size: 17px; color: #ffffff; font-weight: 500; }
.Features .container .Features-img img{ width: 100%; transition: transform 1.5s; }
.Features .container .main-features h4{ font-size: 20px; color: #ffffff; font-weight: 550; padding-top: 10px; }
.Features .container .main-features p{ font-size: 17px; color: #ffffff; font-weight: 500; padding-top: 5px; }
.Features .container .full-section{ margin-top: 60px; }
.Features .container .full-section-2{     padding-bottom: 60px; }
.Features .container .Features-img{  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.Features .container .Features-img img:hover{ transform: scale(1.1); }



.Challenges{ font-family: Raleway ;  }
.Challenges .background img{ width: 100%; position: absolute; }
.Challenges .background-attach{ position: relative; }
.Challenges .background-attach .main-heading h2{ font-size: 40px; color: #ffffff; font-weight: 600; }
.Challenges .background-attach .main-heading p{ font-size: 17px; color: #ffffff; font-weight: 500; }
.Challenges .background-attach .main-heading{ padding: 80px 0px; }
.Challenges .background-attach .images-section img{ width: 100%; }
.Challenges .background-attach .main-content-text h3{ font-size: 25px; color: #000000; font-weight: 600; padding-bottom: 30px; }
.Challenges .background-attach .main-content-text .comfort p{ font-size: 17px; color: #000000; font-weight: 500; padding-left: 20px; }
.Challenges .background-attach .main-content-text .comfort{ display: inline-flex; }
.Challenges .background-attach .main-content-text{  position: absolute; top: 690px; }
.Challenges .container .images-section-2 img{ width: 100%; }
.Challenges .main-content-text-2 h3{ font-size: 25px; color: #000000; font-weight: 600; padding-bottom: 30px; }
.Challenges .main-content-text-2 .comfort p{ font-size: 17px; color: #000000; font-weight: 500; padding-left: 20px; }
.Challenges .main-content-text-2 .comfort{ display: inline-flex; }
.Challenges .main-content-text-2{ padding: 80px 0px; }
.Challenges .images-section-3 img{ width: 92%; position: absolute; z-index: 100;     margin-top: 305px; }
.Challenges .section-3 img{ width: 100%; position: relative; z-index: 0; margin-top: 600px; }



.Technical{ font-family: Raleway ; background-image: url(../../../../../public/images/enriched_academy/financial_calculator/tech-background.png); background-position: center; background-attachment: fixed; background-size: cover;}
.Technical .container .main-heading h2{ font-size: 40px; color: #ffffff; font-weight: 600;  padding-top: 20px;}
.Technical .container .main-heading p{ font-size: 17px; color: #ffffff; font-weight: 500; }
.Technical .container .main-heading{ text-align: center; }
.Technical .container .images-sec img{ width: 100%; padding: 40px;  background-image: linear-gradient(to top, #ffffff , #08abce); border-bottom-right-radius: 50px 60px; border-bottom-left-radius: 50px 60px;}
.Technical .container .full-section-point{ padding: 70px 0px; }



.Result{ font-family: Raleway ; background-image: url(../../../../../public/images/enriched_academy/financial_calculator/result-back.png); background-position: center;  background-size: cover; }
.Result .main-heading h2{ font-size: 40px; color: #000000; font-weight: 650; padding-top: 50px; }
.Result .main-heading p{ font-size: 17px; color: #000000; font-weight: 500; }
.Result .main-heading{ text-align: center; }
.Result .image-sec img{ width: 80%; padding-top: 50px; }
.Result .image-sec{ text-align: center; }





/*************Responsive*************/


@media (max-width: 1920px){

.banner .main-content .all-data h2 { margin-top: 385px;}
.banner .main-content .all-data{ margin: -130px; }
.Project-story .left-image img { width: 27%;}
.Project-story .main-content .image-sec img { padding-bottom: 51px;}
.Features .container .main-heading h2 { padding-top: 30px;}
.Challenges .background-attach .main-heading { padding: 180px 0px;}
.Challenges .main-content-text-2 { padding: 90px 0px;}
.Result .main-heading h2 { padding-top: 80px;}
.Result .image-sec img { padding-top: 70px; padding-bottom: 70px;}
.Challenges .images-section-3 img {margin-top: 0px;}
.Challenges .section-3 img { margin-top: 0px;}
.banner .main-content .all-data h2 { font-size: 80px; color: #000000; font-weight: 650;}
.banner { height: 50vw;}


}

@media (max-width: 1640px){

.banner .main-content .all-data h2 { margin-top: 210px;}
.Project-story .main-content .image-sec img { padding-top: 35px;}
.Project-story .main-content .image-sec img { padding-bottom: 0px;}
.Challenges .background-attach .main-heading { padding: 128px 0px;}
.Challenges .images-section-3 img {margin-top: 0px;}
.Challenges .section-3 img { margin-top: 0px;}
.banner .main-content .all-data{ margin: 0px; }
.banner .main-content .all-data h2 { font-size: 60px; color: #000000; font-weight: 650;}

}


@media (max-width: 1440px){

.banner .main-content .all-data h2 {  margin-top: 150px;}
.Project-story .left-image img { width: 32%;}
.Project-story .main-content .image-sec img { padding-bottom: 25px;}
.Challenges .background-attach .main-heading { padding: 90px 0px;}
.Challenges .images-section-3 img {margin-top: 0px;}
.Challenges .section-3 img { margin-top: 0px;}
.banner {
    height: 47vw;
}

}

@media only screen and (max-width: 1400px) and (min-width: 1362px){

.banner .main-content .all-data h2 { margin-top: 0px; padding-top: 140px;}
.Project-story .main-content .image-sec img { padding-top: 25px;}
.Project-story .main-content .image-sec img { padding-bottom: 0px;}
.Challenges .background-attach .main-heading { padding: 75px 0px;}
.Project-story .main-content .main-content-text { margin-top: 160px;}
.Technical .container .main-heading h2 { padding-top: 30px;}
.Challenges .images-section-3 img { margin-top: 0px;}
.Challenges .section-3 img { margin-top: 0px;}

}


@media (max-width: 1280px){

.banner .main-content .all-data h2 { margin-top: 110px;}
.Project-story .left-image img { width: 36%;}
.Challenges .background-attach .main-heading { padding: 55px 0px;}
.Result .main-heading h2 { padding-top: 50px;}
.Result .image-sec img { padding-top: 20px;  padding-bottom: 10px;}
.Challenges .images-section-3 img {margin-top: 0px;}
.Challenges .section-3 img { margin-top: 0px;}

}


@media (max-width: 1214px){

.banner .main-content .all-data h2 { margin-top: 90px;}
.Project-story .main-content .image-sec img { padding-top: 25px;}
.Project-story .main-content .image-sec img { padding-bottom: 0px;}
.Challenges .background-attach .main-heading { padding: 35px 0px;}
.Challenges .images-section-3 img {margin-top: 0px;}
.Challenges .section-3 img { margin-top: 0px;}

}


@media (max-width: 1170px){

.banner .main-content .all-data h2 { margin-top: 120px;}
.Project-story .main-content .image-sec img { padding-top: 50px;}
.Project-story .main-content .image-sec img { padding-bottom: 41px;}
.Features .container .main-features p { padding-top: 0px;}
.Challenges .background-attach .main-heading { padding: 85px 0px;}
.Challenges .images-section-3 img {margin-top: 0px;}
.Challenges .section-3 img { margin-top: 0px;}
.banner .main-content .all-data p { font-size: 14px; }
.Project-story .main-content .main-content-text p { font-size: 15px; }
.Project-story .main-content .main-content-text { margin-top: 145px;}
.Features .container .main-features p { font-size: 15px; }
.Challenges .background-attach .main-heading p { font-size: 15px; }
.Challenges .background-attach .main-content-text .comfort p { font-size: 15px; }
.Challenges .main-content-text-2 .comfort p { font-size: 15px; }
.Technical .container .main-heading p { font-size: 15px; }
.Result .main-heading p { font-size: 15px; }

}


@media (max-width: 1024px){

.banner .main-content .all-data h2 { margin-top: 85px;}
.Project-story .main-content .image-sec img { padding-top: 25px;}
.Project-story .main-content .image-sec img { padding-bottom: 10px;}
.Project-story .main-content .main-content-text { margin-top: 100px;}
.Challenges .background-attach .main-heading { padding: 50px 0px;}
.Challenges .images-section-3 img {margin-top: 0px;}
.Challenges .section-3 img { margin-top: 0px;}


}

@media (max-width: 992px){

.banner .main-content .all-data h2 { margin-top: 75px;}
.Project-story .main-content .image-sec img { padding-top: 15px;}
.Challenges .images-section-3 img {margin-top: 0px;}
.Challenges .section-3 img { margin-top: 0px;}

}


@media (max-width: 800px){

.banner { background-image: none;}
.Project-story { margin-top: 70px;}
.Project-story .main-content .main-content-text { margin-top: 0px;}
.banner .main-content .all-data h2 { margin-top: 60px;}
.Challenges .background-attach .main-content-text { bottom: 50px;}
.Challenges .main-content-text-2 { padding: 15px 0px;}
.Technical .container .images-sec img { padding: 15px;}
.Challenges .images-section-3 img {margin-top: 0px;}
.Challenges .section-3 img { margin-top: 0px;}
.Challenges .images-section-3 img {margin-top: 0px;}
.Challenges .section-3 img { margin-top: 0px;}

}


@media (max-width: 767px){

.all-data{ text-align: center; }
.Project-story { margin-top: 147px;}
.Challenges .background-attach .main-content-text { bottom: -525px;}
.Challenges .background-attach .main-heading { padding: 50px 0px; margin-bottom: 340px;}
.Technical .container .images-sec img { margin-top: 60px; padding: 120px;}
.Challenges .images-section-3 img {    margin-top: 285px;}
.Challenges .section-3 img {margin-top: 590px;}


}


@media (max-width: 640px){

.Project-story {  margin-top: 185px;}
.Challenges .background-attach .main-heading { padding: 50px 0px; margin-bottom: 370px;}
.Challenges .images-section-3 img {margin-top: 285px;}
.Challenges .section-3 img { margin-top: 590px;}

}


@media (max-width: 480px){

.Project-story { margin-top: 280px;}
.Challenges .background-attach .main-heading { padding: 200px 0px; margin-bottom: 105px;}
.Challenges .background-attach .main-heading h2 { color: #000000;}
.Challenges .background-attach .main-heading p { font-size: 17px; color: #000000; font-weight: 500;}
.Challenges .background-attach .main-content-text { bottom: -555px;}
.Challenges .images-section-3 img {margin-top: 345px;}
.Challenges .section-3 img { margin-top: 590px;}


}


@media (max-width: 360px){

.Project-story { margin-top: 486px;}
.Challenges .background-attach .main-heading { padding: 174px 0px;  margin-bottom: 212px;}
.Challenges .background-attach .main-content-text { bottom: -610px;}
.Challenges .images-section-3 img { margin-top: 390px;}
.Challenges .section-3 img { margin-top: 452px;}

}


@media(max-width: 320px){

.Challenges .background-attach .main-content-text {
    bottom: -655px;
}
.Challenges .background-attach .main-heading {
    padding: 174px 0px;
    margin-bottom: 252px;
}

.Challenges .images-section-3 img {
    margin-top: 430px;}

.Technical .container .images-sec img {
    margin-top: 60px;
    padding: 64px;
}    

}