/* Global Stylings  */

body {font-family: 'Outfit', sans-serif;margin: 0;overflow-x: hidden;background-color: #00296E;}
body, p, a, span, div, blockquote, ul, li, ol, input, button {font-family: "Outfit", sans-serif; font-weight: 400; font-style: normal; font-size: 18px; font-optical-sizing: auto;}
h1 {font-family: "Outfit", sans-serif; font-weight: 700; font-size: 55px; font-style: normal; font-optical-sizing: auto;margin: 0;}
h2 {font-family: "Outfit", sans-serif; font-weight: 800; font-size: 45px; font-style: normal; font-optical-sizing: auto;margin: 0;}
h3 {font-family: "Outfit", sans-serif; font-weight: 800; font-size: 40px; font-style: normal; font-optical-sizing: auto;margin: 0;}
h4 {font-family: "Outfit", sans-serif; font-weight: 600; font-size: 35px; font-style: normal; font-optical-sizing: auto;margin: 0;}
h5 {font-family: "Outfit", sans-serif; font-weight: 600; font-size: 28px; font-style: normal; font-optical-sizing: auto;margin: 0;}
h6 {font-family: "Outfit", sans-serif; font-weight: 600; font-size: 22px; font-style: normal; font-optical-sizing: auto;margin: 0;}
.sm-yellow-h1 {font-family: "Outfit", sans-serif; font-weight: 700; font-size: 55px; font-style: normal; font-optical-sizing: auto;margin: 0;color: #FFCC29 !important;}
.sm-yellow-h2 {font-family: "Outfit", sans-serif; font-weight: 800; font-size: 45px; font-style: normal; font-optical-sizing: auto;margin: 0;color: #FFCC29 !important;}
.sm-yellow-h3 {font-family: "Outfit", sans-serif; font-weight: 800; font-size: 40px; font-style: normal; font-optical-sizing: auto;margin: 0;color: #FFCC29 !important;}
.sm-yellow-h4 {font-family: "Outfit", sans-serif; font-weight: 600; font-size: 35px; font-style: normal; font-optical-sizing: auto;margin: 0;color: #FFCC29 !important;}
.sm-yellow-h5 {font-family: "Outfit", sans-serif; font-weight: 600; font-size: 28px; font-style: normal; font-optical-sizing: auto;margin: 0;color: #FFCC29 !important;}
.sm-yellow-h6 {font-family: "Outfit", sans-serif; font-weight: 600; font-size: 22px; font-style: normal; font-optical-sizing: auto;margin: 0;color: #FFCC29 !important;}
a{color: #000;text-decoration: none;}
.flex-gap{gap: 20px;}
.font-yellow{color: #FFCC29;}
.list-style-none{list-style-type: none !important;}
.custom-btn-white {white-space: nowrap;background: #ffffff !important; border: 1px solid #ffffff !important; padding: 8px 23px; width: fit-content; border-radius: 9px; color: #00296E !important; transition: ease-out 0.3s !important;}
.custom-btn-white:hover, .custom-btn-white:active, .custom-btn-white:focus {background: #ffffff !important; border: 1px solid #ffffff !important; color: #00296E !important;}
.custom-btn-white:visited {color: #00296E !important;}
.custom-btn {background: transparent; border: 1px solid #FFCC29; padding: 8px 23px; width: fit-content; border-radius: 9px; color: #ffffff !important; transition: ease-out 0.3s;}
.custom-btn:hover, .custom-btn:active, .custom-btn:focus {background: #FFCC29; border: 1px solid #FFCC29; color: #ffffff !important;}
.custom-btn:visited {color: #ffffff !important;}
.line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.line-clamp-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.custom-btn-form {background: #000 !important; border: 1px solid #000000 !important; padding: 8px 30px; width: fit-content; border-radius: 50px; color: #ffffff !important; transition: ease-out 0.3s !important;}
.custom-btn-form:hover, .custom-btn-form:active, .custom-btn-form:focus {background: #FFCC29 !important; border: 1px solid #FFCC29 !important; color: #ffffff !important;}
.custom-btn-form:visited {color: #ffffff !important;}
.custom-btn-back {background: #00000000 !important; padding: 8px 30px; width: fit-content;border: 1px solid #000000 !important; border-radius: 50px; color: #000000 !important; transition: ease-out 0.3s !important;}
.custom-btn-back:hover, .custom-btn-back:active, .custom-btn-back:focus {background: #FFCC29 !important; border: 1px solid #FFCC29 !important; color: #ffffff !important;}
.custom-btn-back:visited {color: #000000 ;}
.form-control:focus,.form-control:active{box-shadow: none !important;}
.form-select:focus,.form-select:active{box-shadow: none !important;}
.form-check-input:focus,.form-check-input:active{box-shadow: none !important;}
.btn:focus,.btn:active{box-shadow: none !important;}
.form-check-input:checked {background-color: #ffdd05;border-color: #FFCC29;}
/* Custom Container Global  */

.custom-container{max-width: 1640px;}
@media screen and (max-width: 1720px) {
  .custom-container{max-width: 1480px;padding-left: 15px;padding-right: 15px;}
}
@media screen and (max-width: 1599px) {
  .custom-container{max-width: 1340px;padding-left: 15px;padding-right: 15px;}
}
@media screen and (max-width: 1440px) {
  .custom-container{max-width: 1260px;padding-left: 15px;padding-right: 15px;}
}
@media screen and (max-width: 1299px) {
  .custom-container{max-width: 1160px;padding-left: 15px;padding-right: 15px;}
}
@media screen and (max-width: 1199px) {
  .custom-container{max-width: 970px;padding-left: 15px;padding-right: 15px;}
}
@media screen and (max-width: 991px) {
  .custom-container{max-width: 900px;padding-left: 15px;padding-right: 15px;}
}
@media screen and (max-width: 767px) {
  .custom-container{max-width: 700px;padding-left: 15px;padding-right: 15px;}
}

/* Navbar Styling */

.navbar{padding:0px;background-color: #fff !important;}
.navbar-toggler{border: none;background-color: #000;padding: 6px 9px;}
.navbar-toggler:focus,.navbar-toggler:active,.navbar-toggler:hover,.navbar-toggler:visited{border: none;box-shadow: none;}
.navbar-toggler .navbar-toggler-icon {font-size: 16px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23FFCC29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;}
.main-logo{width: 150px;}
.navbar .dropdown-toggle{border: none !important;}
.dropdown-item:active,.dropdown-item:hover{background-color: #FFCC29;color: #fff;}
.sm-top-nav{background-color: #00296E;}
.sm-nav-link{line-height: 5;}
.sm-nav-links-flex{gap: 25px;}
/* Footer  */

.footer{background-color: #014793; padding-top: 130px;border-top-left-radius: 120px;border-top-right-radius: 120px;}
.copy-writes{margin-top: 20px;}
.footer-acc-logos{width: 140px;}
.copy-rights{background-color: #00296E;}
.email-form {
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.email-form input[type="email"] {
    border: none;
    padding: 10px 15px;
    flex-grow: 1;
    font-size: 16px;
}
.email-form input:focus {
    outline: none;
    box-shadow: none;
}
.email-form button {
    background-color: #6C63FF;
    border: none;
    color: white;
    padding: 14px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.email-form button:hover {
    background-color: #5a53d6;
}
.sm-get-intouch-col{background-color: #FFD245; padding: 37px 30px;border-radius: 30px;margin-bottom: -105px !important;}
.sm-btn-getintouch {white-space: nowrap;background: #1B3664 !important; border: 3px solid #1B3664 !important; padding: 8px 23px; width: fit-content; border-radius: 9px; color: #fff !important; transition: ease-out 0.3s !important;}
.sm-btn-getintouch:hover, .sm-btn-getintouch:active, .sm-btn-getintouch:focus {background: #1B3664 !important; border: 3px solid #1B3664 !important; color: #fff !important;}
.sm-btn-getintouch:visited {color: #fff !important;}


/* Hero Section Banner */

.hero-section-home-page{z-index: 10; height: 100vh;background-image: url('/assets/images/hero-section-home-page.png');background-repeat: no-repeat;background-size: cover;background-position: center;}
.hero-section-home-page .overlay{z-index: -1; position: absolute;top: 0;left: 0;height: 100%;width: 100%;margin: 0;background: linear-gradient(269deg, rgba(0,0,0,0) -31%, rgba(0,0,0,0.9999999999999999) 130%);}
.gsc-certification-row{width: 65%;margin-top: -145px;position: relative;z-index: 11;}
#sunAnimation{top: 20%;left: 40%;z-index: 1000;}
.ac-animation{top: 101px;left: 58.5%;z-index: 1000;width: 235px;}
.sm-hero-section-home{height: 100vh;background-image: url('/assets/images/hero-section-home-page.svg');background-repeat: no-repeat;background-size: cover;background-position: top;}
.sm-our-clients-title{color: #00296E;}
.sm-customer-mini-icon{margin-left: -47px;}


.sm-clients-carousel-section{border-radius: 20px;background-color: #fff;padding: 50px 30px;}
.sm-our-clients-title{padding-right: 20px ;border-right: 5px solid #00296E;}
.sm-our-clients-image{width: 140px;}

/* Our Services Section  */
.our-services-columns{background-color: #fff;border-radius: 6px;}
.sm-our-services-ul{padding-left: 0;}
.sm-our-services-li {list-style: none; display: flex;align-items: center;gap: 0.5rem;font-size: 20px !important;}
.sm-our-services-li::before {content: '•'; font-size: 3.5rem;color: #00296E;line-height: 0;}
.our-services-right-arrow{margin-top: -38px;}


.sm-projects-meta {
    border: 1px solid #707070;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.sm-our-project-image{height: 223px;object-fit: cover;object-position:top;width: 100%;border-radius:6px}
.sm-project-link-btn{padding: 3px 25px 7px 25px;border-radius: 6px;border: 1px solid #fff;}
.sm-project-link-btn:hover{padding: 3px 25px 7px 25px;border-radius: 6px;border: 1px solid #fff;}
.sm-project-link-btn:active{padding: 3px 25px 7px 25px;border-radius: 6px;border: 1px solid #fff;}
.sm-project-link-btn:visited{padding: 3px 25px 7px 25px;border-radius: 6px;border: 1px solid #fff;}



.testimonial-images{margin-top: -65px;}
.testimonials-slider .slick-slider .slick-list, .slick-slider .slick-track{padding: 27px 0;}
.sm-testimonials-section .custom-arrow{cursor: pointer;}

.sm-hero-section-about{ background-image: url('/assets/images/hero-section-home-page.svg');background-repeat: no-repeat;background-size: cover;background-position: top;border-bottom-right-radius: 120px;border-bottom-left-radius: 120px;}
.sm-it-services-icons{width: 70px !important;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #FFCC29;color: #00296E;white-space: nowrap;}
.nav-pills .nav-link{color: #ffffff;white-space: nowrap;}
.nav-item .nav-link.active + .arrow-down {display: block !important; }



.sm-tech-logos-section{background-color: #0162AB;}
.tech-logos-slider .slick-track{display: flex;align-items: center;}

  .tech-logos-slider .slick-slide img {
    display: inline-block; /* Ensures the image behaves as a block element */
    margin: 0 auto;        /* Centers the image horizontally */
    max-width: 100%;       /* Ensures responsive scaling */
  }
 .tech-logos-slider .slick-slide{text-align: center !important;}
.sm-e-commerce-section{background-color: #0162AB;}


.sm-contact-text-col{background-color: #0162AB;}
.sm-contact-form-col{background-color: #F6F6F6;}
.clients_slider  .slick-track{display: flex;align-items: center;}

/* Ceo Letter Section  */

.ceo-letter-section{background-color: #F2F2F2;margin-bottom: 130px;}
.ceo-image{margin-bottom: -130px;border-radius: 24px;}

/* Blogs Section  */

.blogs-img{width: 100% !important;}
.blogs-img-second,.blogs-img-third{height: 100%;object-fit: cover;object-position: center;border-top-left-radius: 24px;border-bottom-left-radius: 24px;}
.first-blog-img{border-top-left-radius: 24px;border-top-right-radius: 24px;}
.blogs-meta-section-left{border-bottom-left-radius: 24px;border-bottom-right-radius: 24px;background-color: #fbf7f7;}
.blogs-meta-section-right{border-top-right-radius: 24px;border-bottom-right-radius: 24px;background-color: #fbf7f7;}
.sm-blogs-featured-image{height: 200px;object-fit: cover;object-position: top;}
.line-clamp-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.sm-meta-div{height: 235px;}
.single-blog-image{width: 500px; height: 400px;object-fit: cover;object-position: top;}
/* Events Section  */

.events-section{background-image: url('/assets/images/events-section-bg.png');background-size: cover;background-repeat: no-repeat;background-position: center;padding-top: 60px !important;padding-bottom: 60px !important;}

/* Get Enquiry Section */

.get-enquiry-column{padding: 30px 20px;background-color: #e0e0e064;border-radius: 24px;}
.animation-green-homes svg{width: 100%;max-width: 736px;}

/* Quality Standards Section */

.quality-standard-stats-column{background-color: #FFCC29;padding: 60px;}
.quality-standard-main-column{background-color: #000;padding: 40px 20px; padding-left: 200px;}
.quality-standar-image{margin-bottom: -320px;height: 400px !important;object-fit: cover;object-position: bottom;z-index: 1;position: relative;}
.quality-standards-section-mobile-img{height: 100% ;max-height: 380px;margin-right: 20px;border-radius: 15px;}
.qs-mobile-row-2{background-color: #FFCC29;}
.stats-columns:nth-child(1){border-right: 1px solid #707070;border-left: 0;border-top: 0;border-bottom: 0;}
.quality-standards-section-mobile{display: none;}
.quality-standards-section{display: block;}

/* Eligibility Criteria Page */
.eligibility-criteria-main-body{padding: 40px 10px;margin-bottom: 70px;background-image: url('/assets/images/eligibility-criteria-main-body.webp');background-size: cover;background-position: center;background-repeat: no-repeat;}
.multi-steps-progress-bar{border: 1px solid #00000010;background-color: #fbf7f7;border-radius: 15px;padding: 20px;}
.individual-steps-of-form{height: 450px; overflow-y: scroll; border: 1px solid #00000010;background-color: #fbf7f7;border-radius: 15px;padding: 20px;}
.eligibility-criteria-form label {display: flex;cursor: pointer;font-weight: 500;position: relative;overflow: hidden;margin-bottom: 0.375em;}
.eligibility-criteria-form label input {position: absolute;left: -9999px;}
.eligibility-criteria-form label input:checked + span {background-color: #ffcd2930;}
.eligibility-criteria-form label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #FFCC29;}
.eligibility-criteria-form label span {display: flex;align-items: center;padding: 0.375em 0.75em 0.375em 0.375em;border-radius: 99em;transition: 0.25s ease;}
.eligibility-criteria-form label span:hover {background-color: #ffcd2930;}
.eligibility-criteria-form label span:before {display: flex;flex-shrink: 0;content: "";background-color: #fff;width: 1.5em;height: 1.5em;border-radius: 50%;margin-right: 0.375em;transition: 0.25s ease;box-shadow: inset 0 0 0 0.125em #FFCC29;}
.eligibility-criteria-form input{border: 1px solid #b6b6b6;}
.eligibility-criteria-form .form-control{padding: 0.75rem .75rem;}
.eligibility-criteria-form .form-select{padding: 0.75rem .75rem;}
.steps-wizard {display: none;}
.steps-wizard.active {display: block;}
.steps-section{margin-top: 20px;padding: 20px;background: #fbf7f7;border-radius: 15px;border: 1px solid #00000010;}
#householdIncomeInput{width: 40%;}



.btn-close:active,.btn-close:focus,.btn-close:hover{box-shadow: none;}
#messageModal .modal-content{padding: 10px;border-radius: 24px;background: #fbf7f7;}
.consultation-main{background-image: url('/assets/images/consultation-main.webp');background-size: cover;background-position: center;background-repeat: no-repeat;height: 400px;}
.our-services-imgs-cf{height: 180px;width: 270px;object-position: top;object-fit: cover;border-top-left-radius: 24px;border-bottom-left-radius: 24px;}
.individual-service-div-cf{box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), -4px 0 8px rgba(0, 0, 0, 0.05), 4px 0 8px rgba(0, 0, 0, 0.05);border-radius: 24px;}

@media (min-width: 768px) and (max-width: 991px) {.our-services-imgs-cf{height: 100%;} }
@media (max-width: 991px) {#householdIncomeInput{width: 100%;}}

/* For screens with a max width of 1760px */
@media (max-width: 1760px) {
    h1 {font-size: 55px !important;}
    h2 {font-size: 45px !important;}
    h3 {font-size: 35px !important;}
    h4 {font-size: 30px !important;}
    h5 {font-size: 25px !important;}
    h6 {font-size: 22px !important;}
    .sm-yellow-h1 {font-size: 55px !important;}
    .sm-yellow-h2 {font-size: 45px !important;}
    .sm-yellow-h3 {font-size: 35px !important;}
    .sm-yellow-h4 {font-size: 30px !important;}
    .sm-yellow-h5 {font-size: 25px !important;}
    .sm-yellow-h6 {font-size: 22px !important;}
}

/* For screens with a max width of 1599px */
@media (max-width: 1599px) {
    h1 {font-size: 55px !important;}
    h2 {font-size: 45px !important;}
    h3 {font-size: 35px !important;}
    h4 {font-size: 30px !important;}
    h5 {font-size: 25px !important;}
    h6 {font-size: 22px !important;}
    .sm-yellow-h1 {font-size: 55px !important;}
    .sm-yellow-h2 {font-size: 45px !important;}
    .sm-yellow-h3 {font-size: 35px !important;}
    .sm-yellow-h4 {font-size: 30px !important;}
    .sm-yellow-h5 {font-size: 25px !important;}
    .sm-yellow-h6 {font-size: 22px !important;}
}

/* For screens with a max width of 1440px */
@media (max-width: 1440px) {
    h1 {font-size: 55px !important;}
    h2 {font-size: 45px !important;}
    h3 {font-size: 35px !important;}
    h4 {font-size: 30px !important;}
    h5 {font-size: 25px !important;}
    h6 {font-size: 22px !important;}
    .sm-yellow-h1 {font-size: 55px !important;}
    .sm-yellow-h2 {font-size: 45px !important;}
    .sm-yellow-h3 {font-size: 35px !important;}
    .sm-yellow-h4 {font-size: 30px !important;}
    .sm-yellow-h5 {font-size: 25px !important;}
    .sm-yellow-h6 {font-size: 22px !important;}
}


/* For screens with a max width of 1299px */
@media (max-width: 1299px) {
    h1 {font-size: 53px !important;}
    h2 {font-size: 40px !important;}
    h3 {font-size: 35px !important;}
    h4 {font-size: 30px !important;}
    h5 {font-size: 25px !important;}
    h6 {font-size: 22px !important;}
    .sm-yellow-h1 {font-size: 53px !important;}
    .sm-yellow-h2 {font-size: 40px !important;}
    .sm-yellow-h3 {font-size: 35px !important;}
    .sm-yellow-h4 {font-size: 30px !important;}
    .sm-yellow-h5 {font-size: 25px !important;}
    .sm-yellow-h6 {font-size: 22px !important;}
    .footer{border-top-left-radius: 80px;border-top-right-radius: 80px;}
}

/* For screens with a max width of 1190px */
@media (max-width: 1190px) {
    h1 {font-size: 45px !important;}
    h2 {font-size: 40px !important;}
    h3 {font-size: 35px !important;}
    h4 {font-size: 30px !important;}
    h5 {font-size: 25px !important;}
    h6 {font-size: 20px !important;}
    .sm-yellow-h1 {font-size: 45px !important;}
    .sm-yellow-h2 {font-size: 40px !important;}
    .sm-yellow-h3 {font-size: 35px !important;}
    .sm-yellow-h4 {font-size: 30px !important;}
    .sm-yellow-h5 {font-size: 25px !important;}
    .sm-yellow-h6 {font-size: 20px !important;}
    .quality-standards-section-mobile{display: block;}
    .quality-standards-section{display: none !important;}
    .ac-animation{display: none !important;}
    .footer{border-top-left-radius: 80px;border-top-right-radius: 80px;}
    #portfolio-tabs{overflow-X: scroll;}
    .sm-hero-section-about{border-bottom-right-radius: 80px;border-bottom-left-radius: 80px;}
}

/* For screens with a max width of 991px */
@media (max-width: 991px) {
    h1 {font-size: 35px !important;}
    h2 {font-size: 30px !important;}
    h3 {font-size: 25px !important;}
    h4 {font-size: 20px !important;}
    h5 {font-size: 18px !important;}
    h6 {font-size: 16px !important;}
    .sm-yellow-h1 {font-size: 35px !important;}
    .sm-yellow-h2 {font-size: 30px !important;}
    .sm-yellow-h3 {font-size: 25px !important;}
    .sm-yellow-h4 {font-size: 20px !important;}
    .sm-yellow-h5 {font-size: 18px !important;}
    .sm-yellow-h6 {font-size: 16px !important;}
    .gsc-certification-row{width: 100%;margin: 0;}
    .gsc-certification-columns{padding: 20px !important;}
    .ceo-image{margin-bottom: 0px;}
    .footer{border-top-left-radius: 60px;border-top-right-radius: 60px;}
    #portfolio-tabs{overflow-X: scroll !;}
    .sm-hero-section-about{border-bottom-right-radius: 60px;border-bottom-left-radius: 60px;}
}


/* For screens with a max width of 768px */
@media (max-width: 768px) {
    h1 {font-size: 35px !important;}
    h2 {font-size: 30px !important;}
    h3 {font-size: 25px !important;}
    h4 {font-size: 20px !important;}
    h5 {font-size: 18px !important;}
    h6 {font-size: 16px !important;}
    .sm-yellow-h1 {font-size: 35px !important;}
    .sm-yellow-h2 {font-size: 30px !important;}
    .sm-yellow-h3 {font-size: 25px !important;}
    .sm-yellow-h4 {font-size: 20px !important;}
    .sm-yellow-h5 {font-size: 18px !important;}
    .sm-yellow-h6 {font-size: 16px !important;}
    #sunAnimation{display: none;}
    .stats-columns:nth-child(1){border: none;}
    .qs-mobile-row-2{padding: 20px 10px !important;}
    .stats-columns{margin-bottom: 20px;}
    .qs-mobile-row-1 h3:nth-child(1){margin-top: 20px !important;}
    .qs-mobile-row-2 .col-12,.qs-mobile-row-1 .col-12{padding: 0 !important;}
    .ceo-letter-section{margin-bottom: 0;}
    .blogs-meta-section-right{border-bottom-left-radius: 24px;border-bottom-right-radius: 24px;border-top-left-radius: 0;border-top-right-radius: 0;}
    .blogs-img-second{margin-top: 20px;}
    .blogs-img-second,.blogs-img-third{border-top-left-radius: 24px;border-top-right-radius: 24px;border-bottom-left-radius: 0;}
    .our-services-imgs-cf{border-radius: 16px;}
    .footer{border-top-left-radius: 50px;border-top-right-radius: 50px;}
    .sm-our-clients-title{border: none !important;text-align: center;}
    .sm-our-project-image{width: 100%;}
    .sm-hero-section-about{border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;}
}


/* For screens with a max width of 576px */
@media (max-width: 576px) {
    h1 {font-size: 30px !important;}
    h2 {font-size: 26px !important;}
    h3 {font-size: 23px !important;}
    h4 {font-size: 20px !important;}
    h5 {font-size: 18px !important;}
    h6 {font-size: 16px !important;}
    .sm-yellow-h1 {font-size: 30px !important;}
    .sm-yellow-h2 {font-size: 26px !important;}
    .sm-yellow-h3 {font-size: 23px !important;}
    .sm-yellow-h4 {font-size: 20px !important;}
    .sm-yellow-h5 {font-size: 18px !important;}
    .sm-yellow-h6 {font-size: 16px !important;}
    .footer{border-top-left-radius: 50px;border-top-right-radius: 50px;}
}


/* Eligibility Criteria Graph Styling */

@media (min-width: 1024px) { .css-er4hdb { grid-template-rows: 31px repeat(7, 50px); } }
.css-er4hdb { width: 100%; display: grid; grid-template-rows: 22px repeat(7, 36px); }
.css-9gmv1a { background: rgb(232, 232, 232); width: 100%; display: flex; align-items: center; justify-content: center; }
.css-9kvx1r { background: rgb(117, 163, 137); width: 100%; display: flex; align-items: center; justify-content: center; }
.css-1u4okq0 { background: rgb(55, 125, 87); width: 40%; display: flex; align-items: center; justify-content: center; }
.css-1a1ibvr { font-family: EON_BrixSansWeb, Verdana, sans-serif; font-weight: 700; width: 100%; text-align: right; font-size: 25px; margin-right: 7px; }
.css-1qjh3vj { background: white; width: 100%; display: flex; align-items: center; justify-content: center; }
.css-88653b { background: rgb(84, 176, 99); width: 50%; display: flex; align-items: center; justify-content: center; }
.css-17qldpv { background: rgb(249, 213, 72); width: 70%; display: flex; align-items: center; justify-content: center; }
.css-1k1c3bd { background: rgb(252, 229, 122); width: 100%; display: flex; align-items: center; justify-content: center; }
.css-129tfoh { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; }
.css-129tfoh svg { height: 36px; }
.css-10mmgh9 { font-family: EON_BrixSansWeb, Verdana, sans-serif; font-weight: 700; font-size: 12px; position: absolute; right: 9px; }
.css-vkcpwp { background: rgb(245, 200, 161); width: 100%; display: flex; align-items: center; justify-content: center; }
.css-56zlan { background: rgb(241, 173, 113); width: 80%; display: flex; align-items: center; justify-content: center; }
.css-yw3fi9 { background: rgb(233, 174, 122); width: 100%; display: flex; align-items: center; justify-content: center; }
.css-4kp52f { background: rgb(225, 133, 60); width: 90%; display: flex; align-items: center; justify-content: center; }
.css-12mr0ky { background: rgb(226, 122, 139); width: 100%; display: flex; align-items: center; justify-content: center; }
.css-1lsifae { background: rgb(215, 52, 66); width: 100%; display: flex; align-items: center; justify-content: center; }
.css-129tfoh path { fill: rgb(155, 203, 91); }
.css-1lby29t { font-family: EON_BrixSansWeb, Verdana, sans-serif; font-weight: 700; font-size: 12px; }
@media (min-width: 1024px) { .css-1lby29t { font-size: 14px; } }
.css-1qj7u4d { background: rgb(227, 227, 227); width: 100%; display: flex; align-items: center; justify-content: center; }
.css-14mzmbq { background: rgb(241, 241, 241); width: 100%; display: flex; align-items: center; justify-content: center; }
.css-964p6k { font-family: EON_BrixSansWeb, Verdana, sans-serif; font-weight: 700; font-size: 12px; width: 100%; padding-left: 17px; }
.css-1davstq { background: rgb(135, 199, 144); width: 100%; display: flex; align-items: center; justify-content: center; }
.css-1424ewu { background: rgb(189, 221, 144); width: 100%; display: flex; align-items: center; justify-content: center; }
.css-18dlr7j { background: rgb(155, 203, 91); width: 60%; display: flex; align-items: center; justify-content: center; }
.css-1hh4bjc { width: 100%; display: grid; grid-template-columns: 52px 1fr 87px; }
@media (min-width: 1024px) { .css-1hh4bjc { grid-template-columns: 72px 1fr 121px; } }
#CRting{font-size: 35px !important;font-weight: 800 !important;color: crimson !important;}

/* /////////// IMAGE ZOOM ///////////
@keyframes zoomInImage {
    from {
        transform: scale3d(1, 1, 1);
   }
    to {
        transform: scale3d(1.1, 1.1, 1.1);
   }
}
.zoomInImage {
    animation-name: zoomInImage;
}
@keyframes zoomOutImage {
    from {
        transform: scale3d(1.1, 1.1, 1.1);
   }
    to {
        transform: scale3d(1, 1, 1);
   }
} */