@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Oswald:wght@200..700&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
    overflow-x: hidden;
}

:root {
    --primary-font: "Lato", sans-serif;
    --secondary-font: "Lato", sans-serif;
    --third-font: "Oswald", sans-serif;
    --fourth-font: "Merriweather", serif;
    --primary-color: #012060;
    --secondary-color: #ffff50;
    --third-color: #d0ecf8;
    --forth-color: #41ff41;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--primary-font);
}

a {
    text-decoration: none;
    color: #000;
    display: block;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

body {
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    width: 5px;
    background: #fff;
}

body::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
}


/* header section style start */

/* Top-header styles starts */
.headersection .topheadersection {
    background-color: var(--primary-color);
}

.headersection .topheadersection .topheaderbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.headersection .topheadersection .topheaderbox .leftbox {}

.headersection .topheadersection .topheaderbox .leftbox ul {
    display: flex;
    align-items: center;
    gap: 20px;
}

.headersection .topheadersection .topheaderbox .leftbox ul li {}

.headersection .topheadersection .topheaderbox .leftbox ul li a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--secondary-color);
    font-family: var(--secondary-font);
    font-size: 14px;
    font-weight: 500;
}

.headersection .topheadersection .topheaderbox .leftbox ul li a:hover {
    color: #ffffff;
}

.headersection .topheadersection .topheaderbox .leftbox ul li a i {
    margin-right: 0px;
}

.headersection .topheadersection .topheaderbox .rightbox {
    float: right;
    padding: 0px 20px;
}

.headersection .topheadersection .topheaderbox .rightbox ul {
    /* float: right; */
    display: flex;
    align-items: center;
    gap: 10px;
}

.headersection .topheadersection .topheaderbox .rightbox ul li {}

.headersection .topheadersection .topheaderbox .rightbox ul li a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--secondary-color);
    font-family: var(--secondary-font);
    font-size: 16px;
    border-radius: 50%;
    font-weight: 500;
    transition: all .3s ease;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.headersection .topheadersection .topheaderbox .right-box ul li a:hover {
    background: #000;
}

/* Top-header styles ends */

.headersection {
    background: #ffffff;
    position: relative;
    z-index: 99999;
}

.headersection .headersectionbox {
    width: 100%;
    background: #fff;
}

.headersection .headerbox {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.headersection .headerbox .headerlogo {
    width: 10%;
}

.headersection .headerbox .headerlogo a {}

.headersection .headerbox .headerlogo a img {
    width: 100%;
}

.headersection .headerbox .headermenu {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.headersection .headerbox .headermenu ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.headersection .headerbox .headermenu ul li {
    padding: 20px 0;
}

.headersection .headerbox .headermenu ul li a {
    display: block;
    padding: 0px 8px;
    color: #03264C;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}

.headersection .headerbox .headermenu ul li a i {
    font-size: 14px;
}

.headersection .headerbox .headermenu ul li:hover .megadropdmenu {
    top: 100%;
}

.megadropdmenu {
    position: absolute;
    background: #e9f8ff;
    width: 100%;
    left: 0;
    right: 0;
    top: -510px;
    transition: all .5s ease-out;
    z-index: -6;
}

.megamenuheadingtitle {}

.megamenuheadingtitle h2 {
    background: var(--secondary-color);
    padding: 5px 10px;
    font-size: 26px;
    width: max-content;
    font-weight: 600;
    margin: 0 0 5px;
}

.megadropdmenu .newssection {
    background: #e9f8ff;
    padding: 0;
}

.megadropdmenu .waystogivesection {
    background: #e9f8ff;
    padding: 0;
}

.megamenuheadingtitle a.button {
    padding: 5px 10px!important;
    text-decoration: underline!important;
    font-weight: 800;
}

.megadropdmenu .megamenuinner {
    border-top: 1px solid #175a26;
    padding: 30px 0 20px;
}
.viewmorebutton {
    display: flex;
    align-items: center;
    justify-content: end;
}
.megadropdmenu .waystogivesection .waystogivesectionbox .waystogivesectioninner .waystogivesectioninfobox .waystogivesectionbutton {
    padding: unset;
    background: unset;
    font-size: 18px;
    font-weight: 600;
    position: relative;
}

.megadropdmenu .waystogivesection .waystogivesectionbox .waystogivesectioninner .waystogivesectioninfobox .waystogivesectionbutton:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 0;
    background: var(--primary-color);
    border-radius: 20px;
    transition: all 0.7s ease;
    bottom: 0;
}
.megadropdmenu .waystogivesection .waystogivesectionbox .waystogivesectioninner .waystogivesectioninfobox .waystogivesectionbutton:hover:before {
    width: 100%;
}
.viewmorebutton a {font-size: 24px!important;text-transform: capitalize;position: relative;overflow: hidden;}

.viewmorebutton a:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 0;
    background: var(--primary-color);
    border-radius: 20px;
    transition: all 0.7s ease;
    bottom: 0;
}

.viewmorebutton a:hover:before {
    width: 100%;
}
.viewmorebutton a i{
    font-size: 18px!important;
}
.megadropdmenu .megamenuinner .megamenubox {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
}

.megadropdmenu .megamenuinner .megamenubox .getinvolvedbox {
    display: flex;
    gap: 15px;
}

.megadropdmenu .megamenuinner .megamenubox .getinvolvedbox a {
    width: 50%;
    padding: 0;
}

.megadropdmenu .megamenuinner .megamenubox .getinvolvedbox a img {
    width: 100%;
}

.megadropdmenu .megamenuinner .megamenubox .getinvolvedbox .getinvolveddesc {
    width: 50%;
}

.megadropdmenu .megamenuinner .megamenubox .getinvolvedbox .getinvolveddesc .button {
    width: max-content;
    display: flex;
    padding: 10px 20px;
}

.megadropdmenu .megamenuinner .megamenubox.endeavourbox ul {
    display: flex;
    gap: 4%;
    margin: 0;
}

.megadropdmenu .megamenuinner .megamenubox.endeavourbox ul li {
    width: 48%;
}

.megadropdmenu .megamenuinner .megamenubox a {
    font-size: 16px !important;
}

.megadropdmenu .megamenuinner .megamenubox a img {
    width: 100%;
    margin-bottom: 15px;
}

.megadropdmenu .megamenuinner .megamenubox ul {
    display: block;
}

.megadropdmenu .megamenuinner .megamenubox ul li {
    border-bottom: 1px solid #0E4D8F;
    padding-bottom: 5px;
    margin-bottom: 10px;
    padding: 0 0 5px;
}

.megadropdmenu .megamenuinner .megamenubox ul li a {
    margin-bottom: 0px;
    padding: 0;
    font-size: 16px !important;
    font-weight: 500;
    transition: all .3s ease;
    color: #000;
}

.megadropdmenu .megamenuinner .megamenubox ul li a:hover {
    color: var(--primary-color);
}

.megadropdmenu .megamenuinner .megamenubox.megamenuactbox ul {
    list-style: disc;
    margin-left: 30px;
}

.megadropdmenu .megamenuinner .megamenubox.megamenuactbox ul li {
    border: unset;
}

.megadropdmenu .megamenuinner .megamenubox h5 {
    margin: 0 0 20px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: var(--primary-font);
    color: #03264C;
}

.megadropdmenu .megamenuinner .megamenubox p {
    font-size: 18px;
    color: #03264C;
    margin: 20px 0;
}
.megadropdmenu .megamenuinner .megamenubox a p {
    margin: 0px 0 5px;
}
.megadropdmenu .megamenuinner .megamenubox.addressbox p {
    margin: 0;
}

.megadropdmenu .megamenuinner .megamenubox.addressbox p a {
    padding: 0px 0 10px;
}

/* header section style end */

/* social icons section style start */

.social-list {
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-list li {}

.social-list li a {
    background: #fff;
    color: #fff !important;
}

.social-list li a.facebook {
    background: #0866ff;
}

.social-list li a.instagram {
    background: #fe0b84;
}

.social-list li a.twitter {
    background: #000000;
}

.social-list li a.linkedin {
    background: #0077b5;
}

.social-list li a.youtube {
    background: #ff0000;
}

.social-list li a i {}

.social-list li a:hover {
    transform: translateY(-5px);
}

/* social icons section style start */


/* banner section style start */

.bannersection {
    overflow: hidden;
}

.bannersection .bannerimg {

}

.bannersection .bannerimg img {
    width: 100%;
    height: 500px;
    object-position: top center;
    object-fit: cover;
    transform: scale(1);
    transition: all 8s ease-in-out;
}

.bannercontent h3:after {
    width: 80px;
    height: 4px;
    content: " ";
    background-color: var(--primary-color);
    display: block;
    margin: 30px auto;
}

.bannercontent {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
}

.bannercontent h3 {
    color: #fff;
    line-height: 1;
    font-size: 60px;
    max-width: 600px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    margin: 0 auto 30px;
    font-weight: 600;
}

.bannercontent h1 {
    max-width: 750px;
    font-size: 20px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    margin-top: 0;
    margin-bottom: 30px;
}

.bannerbtn {
    width: auto;
    display: inline-block;
    margin: 10px;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0px;
    border: 2px solid var(--primary-color);
    transition: all .3s ease;
    vertical-align: top;
    cursor: pointer;
    background: var(--primary-color);
}

.bannersection .slick-active img {
    transform: scale(1.3) !important;
}

.bannerbtn:hover {
    background: var(--secondary-color);
    color: #000;
    border-color: var(--secondary-color);
}

/* banner video section style end */

/* about home section style start */
.aboutbox.autismbox {
    padding: 40px 0 30px;
    border: 1px solid #eee;
}
.aboutbox {
    padding: 50px 0;
}

.aboutbox .aboutsectionbox {
    width: 80%;
    margin: 0 auto;
}

.aboutbox .aboutsectionbox p {
    font-size: 26px;
    text-align: center;
    font-weight: 500;
    font-family: var(--primary-font);
    letter-spacing: 0.8px;
    padding: 0 0 10px;
}

.aboutbox .aboutsectionbox p span {
    color: #c66f47;
    font-weight: 600;
}

/* about home section style end */

/* vision section style start */

.visionsection {
    background: #effaff;
    padding: 50px 0;
}

.visionsection .visionbox {
    position: relative;
    width: 100%;
    padding: 10px 40px 10px 10px;
    height: 100%;
}
.visionsection .visionbox:after {
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 2px solid var(--primary-color);
}
.visionsection .visionbox.border-0:after {
    content: unset;
}
.visionsection .visionbox .icon {
    margin-bottom: 2.25rem;
}

.visionsection .visionbox .icon img {
    max-width: 80px;
    width: 100%;
}

.visionsection .visionbox h3 {
    font-family: var(--primary-font);
    font-size: 28px;
    color: var(--primary-color);
    font-weight: 600;
    letter-spacing: 0.5px;
}

.visionsection .visionbox .visionboxdesc {
    margin-top: 1rem;
}

.visionsection .visionbox .visionboxdesc p {
    font-family: var(--primary-font);
    margin: 0 0 20px;
    font-size: 17px;
    font-weight: 400;
    text-align: justify;
}

.visionsection .visionbox .visionboxdesc a {
    font-size: 20px;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    width: max-content;
}

.visionsection .visionbox .visionboxdesc a:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 0;
    background: var(--primary-color);
    border-radius: 20px;
    transition: all 0.7s ease;
    bottom: 0;
}

.visionsection .visionbox .visionboxdesc a:hover:before {
    width: 100%;
}

/* vision section style end */

/* founder section style start */

.foundersection {
  width: 100%;
  background: #4042df;
  padding: 50px 0;
}

.founderbox {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  gap: 10%;
  align-items: center;
}

.founderbox .founderimg {
    width: 30%;
}

.founderimg img {
  width: 100%;
  object-fit: cover;
}

/* ✅ Text overlay center me */
.foundertext {
  color: #fff;
  text-shadow: 0 0 8px rgba(0,0,0,0.7);
  box-sizing: border-box;
  text-align: left;
  width: 50%;
  position: relative;
}

.foundertext p {
  font-size: 22px;
  font-weight: 700;
  font-family: var(--fourth-font);
  letter-spacing: 1px;
}
.foundertext p:before {
    =:
    "";
    content: "“";
    display: inline;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
}
.foundertext p:after {
    content: "”";
    display: inline;
}
/*.signature svg {*/
/*  width: 230px;*/
/*  margin-top: 15px;*/
/*  overflow: visible;*/
/*}*/

.signature {
  font-family: "Tinos", serif;
  font-size: 42px;
  color: #4ade80;
  display: inline-block;
  float: right;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
}


/* founder section style end */

/* work section style start */

.worksection {
    padding: 50px 0;
}

.worksection .workbox {}

.worksection .workbox figure {
    background: var(--primary-color);
    padding-left: 20px;
    padding-right: 20px;
}

.worksection .worksectionbox:nth-child(2) .workbox figure {
    background: var(--forth-color);
}

.worksection .worksectionbox:nth-child(3) .workbox figure {
    background: #ffff50;
}

.worksection .workbox figure img {
    width: 100%;
    aspect-ratio: 3 / 2;
    height: 100%;
    object-fit: cover;
    position: relative;
    top: 20px;
}

.worksection .workbox .workdescription {display: flex;flex-direction: column;gap: 8px;padding: 20px 5px;align-items: center;text-align: center;}

.worksection .workbox .workdescription h3 {
    font-family: var(--primary-font);
    font-size: 22px;
    font-weight: 600;
    color: var(--primary-color);
}

.worksection .workbox .workdescription p {
    color: #3c3330;
    font-size: 16px;
    font-family: var(--primary-font);
}

.worksection .workbox .workdescription a {
    font-size: 20px;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    width: max-content;
}

.worksection .workbox .workdescription a:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 0;
    background: var(--primary-color);
    border-radius: 20px;
    transition: all 0.7s ease;
    bottom: 0;
}

.worksection .workbox .workdescription a:hover:before {
    width: 100%;
}

.worksection .workbox .workdescription .btnlink {
    color: #2b4053;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    border: 3px solid;
    border-color: #397485;
    color: var(--primary-color);
    display: inline-block;
    padding: 5px 20px;
    margin: 20px 0 0;
    transition: all .3s ease;
}
.worksection .workbox .workdescription .btnlink:hover {
    background: var(--primary-color);
    color: #fff;
    border-color: #bad0ff;
}

/* work section style end */

/* ways to give section style start */

.waystogivesection {
    padding: 50px 0;
    background: #d0ecf8;
}

.headingbox {
    margin: 0 auto 30px;
    text-align: center;
    width: 60%;
}

.headingbox h2 {
    font-size: 48px;
    font-family: var(--primary-font);
    font-weight: 600;
    color: var(--primary-color);
    margin: 0 0 10px;
}
.headingbox h2 span {
    color: var(--forth-color);
}
.headingbox p {
    font-size: 22px;
    font-weight: 500;
}

.waystogivesection .waystogivesectionbox {
    display: flex;
    justify-content: center;
}

.waystogivesection .waystogivesectionbox .waystogivesectioninner {
    width: 40%;
    text-align: center;
    background: #fff;
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    margin: 0 10px;
}

.waystogivesection .waystogivesectionbox.impactheaderbox .waystogivesectioninner {
    width: 100%;
}

.waystogivesection .waystogivesectionbox.impactheaderbox .waystogivesectioninner .waystogivesectionimg {
    width: 100%;
    height: 200px;
    padding: 0px;
    background: transparent;
    margin: 0 0 20px;
}

.waystogivesection .waystogivesectionbox.impactheaderbox .waystogivesectioninner .waystogivesectioninfobox .waystogivesectionbutton {
    padding: 10px 25px;
    margin: 15px 0;
}
.waystogivesection.waystogivepage {
    padding: 10px 0 50px;
    background: #fff;
}

.waystogivesection.waystogivepage .waystogivesectionbox .waystogivesectioninner {
    border: 1px solid #e8e8e8;
    width: 50%;
}

.waystogivesection.waystogivepage .waystogivesectionbox .waystogivesectioninner .waystogivesectionimg {
    flex-direction: column;
    background: transparent;
}

.waystogivesection.waystogivepage .waystogivesectionbox .waystogivesectioninner .waystogivesectionimg h2 {
    font-size: 32px;
    font-family: var(--third-font);
    color: var(--primary-color);
    margin: 0 0 30px;
}
.waystogivesection .waystogivesectionbox.impactheaderbox .waystogivesectioninner .waystogivesectioninfobox h2 {
    font-size: 22px;
}

.waystogivesection .waystogivesectionbox .waystogivesectioninner .waystogivesectionimg {
    width: 100%;
    background: #d0ecf8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    border-radius: 10px;
}

.waystogivesection .waystogivesectionbox .waystogivesectioninner .waystogivesectionimg img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.waystogivesection .waystogivesectionbox .waystogivesectioninner .waystogivesectioninfobox {}

.waystogivesection .waystogivesectionbox .waystogivesectioninner .waystogivesectioninfobox h2 {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-color);
    margin: 0 0 10px;
}

.waystogivesection .waystogivesectionbox .waystogivesectioninner .waystogivesectioninfobox p {
    color: #000;
    font-size: 16px;
    font-family: var(--primary-font);
    margin: 0 0 0px;
}

.waystogivesection .waystogivesectionbox .waystogivesectioninner .waystogivesectioninfobox .waystogivesectionbutton {
    padding: 15px 30px;
    background: #d0ecf8;
    border-radius: 50px;
    margin: 20px auto 20px;
    display: inline-block;
}

.waystogivesection .waystogivesectionbox .waystogivesectioninner .waystogivesectioninfobox .waystogivesectionbutton svg {
    width: 30px;
    fill: #000;
    margin-right: 10px;
}

.waystogivesection .waystogivesectionbox .waystogivesectioninner .waystogivesectioninfobox .waystogivesectionbutton svg path {}

.aboutpagesection.waystogivepage .aboutsectionbox .aboutheading {
    border: unset;
}

.aboutpagesection.waystogivepage {
    padding: 50px 0 0px;
}
.supportsection {
    padding: 50px 0;
    background: #eee;
}

.supportsection .supportsectionbox {
    width: 80%;
    margin: 0 auto;
}

.supportsection .supportsectionbox .supportbox {
    display: flex;
    gap: 5%;
    margin: 0 0 30px;
}

.supportsection .supportsectionbox .supportbox .supporticon {
    width: 15%;
}

.supportsection .supportsectionbox .supportbox .supporticon img {
    width: 100%;
}

.supportsection .supportsectionbox .supportbox .supportcontent {
    width: 80%;
}

.supportsection .supportsectionbox .supportbox .supportcontent p {
    font-size: 18px;
    font-weight: 400;
}

.supportsection .supportsectionbox .supportbox .supportcontent p span {
    font-weight: 800;
}

/* ways to give section style end */

/* about section style start */

.aboutbox .aboutsectionbox a.btnlink {
    font-size: 20px;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    width: max-content;
    font-family: var(--primary-font);
    margin: 0 auto;
    font-weight: 400;
}

.aboutbox .aboutsectionbox a.btnlink:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 0;
    background: var(--primary-color);
    border-radius: 20px;
    transition: all 0.7s ease;
    bottom: 0;
}

.aboutbox .aboutsectionbox a.btnlink:hover::before {
    width: 100%;
}

.aboutsection {
    padding: 50px;
    border-bottom: 1px solid #eee;
}

.aboutsection .aboutusvideosection {}

.aboutsection .aboutusvideosection .aboutusvideo {
    position: relative;
}

.aboutsection .aboutusvideosection .aboutusvideo video {
    width: 80%;
}

.aboutsection .aboutusinfo {
    margin-right: 2%;
    width: 85%;
    position: relative;
    border: 1px solid #c5c5c5;
    border-radius: 50%;
}
.aboutsection .aboutusinfo > span {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #c5c5c5;
    border-radius: 50%;
}
.aboutsection .aboutusinfo .dotone {
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.aboutsection .aboutusinfo .dottwo {
    top: 50%;
    transform: translateY(-50%);
    right: -11px;
}

.aboutsection .aboutusinfo .dotthree {
    top: 95%;
    right: 150px;
}

.aboutsection .aboutusinfo h1 {
    font-size: 62px;
    font-family: var(--primary-font);
    font-weight: 700;
    color: var(--primary-color);
}

.aboutsection .aboutusinfo h1 span {
    display: block;
    color: var(--forth-color);
}

.aboutsection .aboutusinfo p {
    color: #303030;
    font-size: 18px;
}

.aboutsection .aboutusinfo .aboutusbtn {
    font-weight: 500;
    background: var(--secondary-color);
    padding: 12px 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    margin: 15px 0 0;
    border-radius: 20px;
    transition: all .3s ease;
}

.aboutsection .aboutusinfo .aboutusbtn:hover {
    background: var(--primary-color);
    color: #fff;
}

.aboutsection .aboutusinfo .aboutusbtn svg {
    width: 20px;
    fill: #000;
}

.aboutsection .aboutusinfo .aboutusbtn:hover svg {
    fill: #fff;
    stroke: #fff;
}

.aboutsection .aboutusinfo .aboutusbtn svg path {}

/* about section style end */

/* stat section style start */

.statsection {
    padding: 50px 0;
}

.statsection .statsectionbox {
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.statsection .statsectionbox .statbox {
    position: relative;
    width: 30%;
    padding: 25px 30px 10px;
    height: 100%;
}

.statsection .statsectionbox .statbox:before {
    background-color: var(--primary-color);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 4px;
}

.statsection .statsectionbox .statbox:nth-child(2) .title {}

.statsection .statsectionbox .statbox:nth-child(3) {
}

.statsection .statsectionbox .statbox:nth-child(2):before {
    background: #41ff41;
}

.statsection .statsectionbox .statbox:nth-child(3):before {
    background: var(--secondary-color);
}

.statsection .statsectionbox .statbox .title {
    color: var(--primary-color);
    font-weight: 700;
    margin: 0 0 20px;
    font-size: 30px;
    letter-spacing: 0.5px;
}

.statsection .statsectionbox .statbox p {
    padding: 0px 0 20px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #242424;
}

/* stat section style end */

/* testimonial section style start */

.testimonialsection {
    background: var(--primary-color);
}

.testimonialsection .testimonialsectionbox .testmonialouter {
    position: relative;
    z-index: 2;
    padding: 0;
}


.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialleft {
    margin: 0;
    max-width: none;
    padding: 0 50px 0 50px;
    text-align: left;
    width: 50%;
    color: #fff;
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialleft h1 {
    color: #fff;
    font-weight: 600;
    margin: 0 0 20px;
    font-size: 36px;
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialleft h1 span {
    color: var(--forth-color);
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialleft p {
    color: #fdfdfd;
    margin: 0 0 20px;
    font-weight: 500;
    font-family: var(--primary-font);
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialleft .testimonialbtn {
    color: #fff;
    position: relative;
    transform-style: preserve-3d;
    transition: all .3s ease-in-out;
    background-color: #ffe652;
    color: #000000;
    padding: 15px 25px;
    border-radius: 50px;
    width: max-content;
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialleft .testimonialbtn svg {
    fill: #000;
    stroke: #000;
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialleft .testimonialbtn:hover {
    background-color: var(--third-color);
    color: #000000;
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialleft .testimonialbtn:hover svg {
    fill: #000;
    stroke: #000;
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialright {
    width: 60%;
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialright .testimonialcontent {
    background-color: #e8f0ff;
    border-bottom: 4px solid var(--primary-color);
    box-shadow: 8px 12px 12px #00000026;
    display: flex;
    margin: 0 auto;
    max-width: 100%;
    padding: 30px 30px;
    margin: 0px 30px 50px 0;
    gap: 10px;
    width: 90%;
}
.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialright .testimonialcontent:nth-child(even) {
    margin-left: 30px;
    margin-right: 0;
    border-color: var(--forth-color);
    background: #ddffdd;
    float: right;
    margin-bottom: 0;
}
.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialright .testimonialcontent .testimonialimg {
    width: 30%;
    padding: 10px;
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialright .testimonialcontent .testimonialimg img {
    width: 100%;
    border-radius: 50%;
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialright .testimonialcontent .testimonialtext {
    width: 70%;
    padding: 0 20px;
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialright .testimonialcontent .testimonialtext p {
    font-size: 16px;
    color: #575757;
    text-align: justify;
    margin: 0 0 5px;
}
.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialright .testimonialcontent .testimonialtext .icon svg {
    fill: var(--primary-color);
    width: 30px;
}
.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialright .testimonialcontent:nth-child(even) .testimonialtext .icon svg {
    fill: var(--forth-color);
}
.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialright .testimonialcontent .testimonialtext h5 {
    font-size: 16px;
    font-weight: 600;
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialrightbox {
    width: 35%;
    height: 100%;0%; */
    padding: 0;
    margin: 0;
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialrightbox .testimonialimage {
}

.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialrightbox .testimonialimage img {
    width: 100%;
    height: 100%;*
    object-fit: cover; */
}

/* testimonial section style end */

/* news insight section style start */

.newssection {
    padding: 50px 0;
    background: #ffffec;
    background: #ebffeb;
}

.newssection .newssectionbox {
    display: flex;
}

.newssection .newssectionbox .newsleftbox {
    width: 25%;
}

.newssection .newssectionbox .newsleftbox .newsbox {}

.newssection .newssectionbox .newsleftbox .newsbox .headingbox {
    margin: 0;
    text-align: left;
}

.newssection .newssectionbox .newsleftbox .newsbox .headingbox h2 {
    font-size: 36px;
}
.newssection .newssectionbox .newsleftbox .newsbox .headingbox h2 span {
    
}

.newssection .newssectionbox .newsleftbox .newsbox .headingbox .btnlink {
    box-shadow: inset 0 -2px 0 0 #006ef5;
    color: #000;
    display: inline;
    font-size: .8888888889rem;
    font-weight: 700;
    line-height: 1.75;
    padding-bottom: 4px;
    transition: all .3s ease;
}
.newssection .newssectionbox .newsleftbox .newsbox .headingbox .btnlink:hover {
    box-shadow: inset 0 -5px 0 0 #006ef5;
    color: #007;
}
.newssection .newssectionbox .newsrightbox {
    width: 75%;
    display: flex;
    gap: 30px;
}

.newssection .newssectionbox .newsrightbox .newsbox {
    width: 30%;
}

.newssection .newssectionbox .newsrightbox .newsbox a {}

.newssection .newssectionbox .newsrightbox .newsbox a .newsimg {
    overflow: hidden;
}

.newssection .newssectionbox .newsrightbox .newsbox a .newsimg img {
    width: 100%;
    transition: all .3s ease;
}
.newssection .newssectionbox .newsrightbox .newsbox:hover a .newsimg img {
    transform: scale(1.1);
}

.newssection .newssectionbox .newsrightbox .newsbox a .bloginfo {border-left: 3px solid var(--primary-color);display: block;flex: 1 1 auto;font-size: 16px;font-weight: 700;line-height: 1.3;position: relative;margin: -28px 5px 0 17px;padding: 46px 24px 5px;}

.newssection .newssectionbox .newsrightbox .newsbox a .bloginfo .category {
    font-family: var(--primary-font);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    background: var(--primary-color);
    padding: 3px 10px;
    color: #fff;
}

.newssection .newssectionbox .newsrightbox .newsbox a .bloginfo h3 {
    border-bottom: 2px solid #0000;
    transition: all 0.3s ease;
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 600;
    letter-spacing: 0.5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
}

.newssection .newssectionbox .newsrightbox .newsbox:hover a .bloginfo h3 {color: #0db5f0;}

.newssection .newssectionbox .newsrightbox .newsbox a .bloginfo .icon {}

.newssection .newssectionbox .newsrightbox .newsbox a .bloginfo .icon svg {
    width: 20px;
    margin: 10px 0 0;
    fill: var(--primary-color);
    stroke: var(--primary-color);
}
.newssection .newssectionbox .newsrightbox .newsbox:hover a .bloginfo .icon svg {
    fill: #0db5f0;
    stroke: #0db5f0;
}

.newssection .newssectionbox .newsrightbox .newsbox a .bloginfo .icon svg path {}

/* news insight section style end */

/* subscribe section style start */

.contactsubscribe {
    padding: 50px 0;
    background-size: cover;
    background-position: center;
    margin: 50px 50px;
}

.contactsubscribe .subscribesection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px 0;
}

.contactsubscribe .subscribesection .leftbox {
    width: 49%;
}

.contactsubscribe .subscribesection .leftbox .contentinfo {}

.contactsubscribe .subscribesection .leftbox .contentinfo h4 {
    margin-top: 0;
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 700;
    font-family: var(--primary-font);
    text-transform: none;
    color: #03264C;
}
.contactsubscribe .subscribesection .leftbox .contentinfo h4 strong {
    color: #5A9CE0;
}
.contactsubscribe .subscribesection .leftbox .contentinfo p {
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 16px;
    color: #03264C;
    font-weight: 500;
}

.contactsubscribe .subscribesection .rightbox {
    width: 45%;
}

.contactsubscribe .subscribesection .rightbox .video-popup {}

.contactsubscribe .subscribesection .rightbox .video-popup .videoImg {
    height: 295px;
    border-radius: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

.contactsubscribe .subscribesection .rightbox .video-popup .videoImg img {}

.subscribesectionbottom {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.subscribesectionbottom .formheading {
    width: 40%;
}
.subscribesectionbottom .formheading h4 {
    margin-top: 0;
    font-weight: 700;
    font-family: var(--primary-font);
    text-transform: none;
    font-size: 32px;
    color: var(--primary-color);
}
.subscribesectionbottom form {
    display: flex;
    gap: 10px;
    width: 60%;
}
.subscribesectionbottom form .inputbox {}
.subscribesectionbottom form .inputbox input[type="text"], 
.subscribesectionbottom form .inputbox input[type="email"] {
    height: auto;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-family: "Lato", sans-serif;
    line-height: 1.5;
    color: #11294c;
    border: 1px solid #5A9CE0;
    border-radius: 5px;
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
}
.subscribesectionbottom form .inputbox input[type="submit"] {
    padding: 10px 15px;
    border-radius: 10px;
    width: 150px;
    background: var(--third-color);
    border: 1px solid var(--primary-color);
}

/* subscribe section style end */

/* program section style start */

.programsinitiativesection {
    padding: 50px 0;
    border-top: 1px solid #eee;
    background: #ffffc7;
    background: linear-gradient(to left, #ddffdd, #ffff9c);
    overflow: hidden;
}

.programsinitiativesection .programsectionbox {
    position: relative;
    display: inline-block;
    margin: 2rem 0 0;
    z-index: 0;
    cursor: pointer;
}

.programsinitiativesection .programsectionbox .programsectionimg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .3s 
ease 0s;
    z-index: -1;
}

.programsinitiativesection .programsectionbox .programsectionimg:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00000080;
}

.programsinitiativesection .programsectionbox:nth-child(even) {
    margin: 4rem 0;
}

.programsinitiativesection .programsectionbox .programsectionimg img {
    width: 100%;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    top: -999999px;
}

.programsinitiativesection .programsectionbox .programsectionna {padding: 6rem 30px 5rem;text-align: center;position: relative;}

.programsinitiativesection .programsectionbox .programsectionna h2 {
    color: #fff;
    padding: 10px 0;
    position: relative;
    margin: 10px 0;
    font-size: 22px;
    font-family: var(--primary-font);
}

.programsinitiativesection .programsectionbox .programsectionna .programcontentbox {
    position: relative;
    width: 100%;
    padding: 20px 0 0;
    opacity: 0;
    transition: all .3s ease;
    height: 200px;
    margin: 0 0 20px;
    overflow: hidden;
    overflow-y: scroll;
}

.programsinitiativesection .programsectionbox .programsectionna .programcontentbox::-webkit-scrollbar {
    width: 5px;
    background: #fff;
}

.programsinitiativesection .programsectionbox .programsectionna .programcontentbox::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
}

.programsinitiativesection .programsectionbox .programsectionna .programcontentbox .fact {
    color: #fff;
    font-size: 16px;
}
.programsinitiativesection .programsectionbox .programsectionna .programcontentbox ul {}
.programsinitiativesection .programsectionbox .programsectionna .programcontentbox ul li {
    font-size: 16px;
    color: #fff;
}
.programsinitiativesection .programsectionbox .programsectionna .programcontentbox .fact span {}

.programsinitiativesection .programsectionbox .programsectionna .programcontentbox a.button {
    position: relative;
    width: auto;
    display: inline-block;
    margin: 0rem;
    padding: 10px 15px;
    font-family: var(--primary-font);
    font-size: 16px;
    line-height: 2rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    transition: all .3s ease 0s;
    vertical-align: top;
    cursor: pointer;
    z-index: 1;
}

.programsection {position: relative;width: 20vw;display: inline-block;vertical-align: top;z-index: 0;}

.programsection {}

.programsinitiativesection .programsectionbox .programsectionna .programcontentbox a.button:before {
    content: '';
    position: absolute;
    width: 2rem;
    height: 2rem;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border-radius: 2rem;
    background: var(--secondary-color);
    transition: all .3s ease 0s;
    z-index: -1;
}

.programsinitiativesection .programsectionbox .programsectionna .programcontentbox a.button:hover:before {
    width: 100%;
}

.programsinitiativesection .programsectionbox .programsectionna .programcontentbox a.button:hover {
    color: #000;
}

.programsinitiativesection .programsectionbox .programsectionna h2:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0.15rem;
    bottom: 0;
    left: 50%;
    background: #fff;
    transition: all .3s ease;
    transform: translate(-50%);
}

.programsinitiativesection .programsectionbox:hover .programsectionna h2:before {
    width: 8rem;
}

.programsinitiativesection .programsectionbox:hover .programsectionna .programcontentbox {
    opacity: 1;
}


.programsinitiativesection .slick-slide:nth-child(even) .programsection {
    margin: 40px 0;
}

/* program section style end */

/* Button base */
.button.focus-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff; /* green */
  color: var(--primary-color);
  padding: 10px 8px;
  border-radius: 5px;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: 0.3s ease;
  border: 3px solid var(--primary-color);
}

/* Heart icon container */
.button-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Heart color blink animation */
.button-icon svg {
  animation: heartBlink 1.2s infinite alternate ease-in-out;
}

/* Ripple/heartbeat effect */
.button-ripple {
  position: absolute;
  width: 200px;
  height: 100px;
  background: #41ff414d;
  animation: heartPulseRipple 1.2s infinite ease;
  transform: scale(0);
  z-index: 0;
}

@keyframes heartBlink {
  0% {
    color: var(--forth-color);
    transform: scale(1);
  }
  50% {
    color: var(--forth-color); /* same green */
    transform: scale(1.25);
  }
  100% {
    color: var(--forth-color);
    transform: scale(1);
  }
}

@keyframes heartPulseRipple {
  0% {
    transform: scale(0.8);
    opacity: 0.8;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}

/* awards section style start */

.awardsection {
    padding: 50px 0;
    position: relative;
    overflow: hidden;
}

.award-pause-btn {
    background: #000;
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20%;
    right: 5%;
}

.award-pause-btn:hover {
    background: #222;
}

.awardslider.slick-paused .slick-track {
    transition: none !important;
}

.awardslider .slick-track {
    display: flex;
    animation: scroll 30s linear infinite;
}

.awardslider.paused .slick-track {
    animation-play-state: paused !important;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.awardsection .awardslider {
    padding: 15px 0;
}
.awardsection .slick-initialized .slick-track {
    display: flex!important;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.awardsection .awardbox {
    display: flex!important;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
}

.awardsection .awardbox .awardimg {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.awardsection .awardbox .awardimg img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    margin: 0 0 20px;
    transform: unset!important;
}

.awardsection .awardbox .awardimg p {
    font-size: 18px;
    text-align: left;
    font-family: var(--third-font);
    padding: 20px 0;
    border-right: 1px solid var(--primary-color);
    min-height: 110px;
}

/* awards section style end */

/* breadcrumb section style start */

.breadcrumb-bottom ul,
.pagebreadcrumb .breadcrumb-col ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.breadcrumb-bottom ul li,
.pagebreadcrumb .breadcrumb-col ul li{
    color: var(--secondary-color);
    font-weight: 500;
    font-size: 14px;
    display: flex;
}
.breadcrumb-bottom ul li a,
.pagebreadcrumb .breadcrumb-col ul li a{
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}

.breadcrumb-bottom ul li:not(:last-child) a,
.pagebreadcrumb .breadcrumb-col ul li:not(:last-child) a{
    color: var(--primary-color);
    font-weight: 600;
}
.breadcrumb-bottom{
    padding: 1% 0;
    background: var(--secondary-color);
}
.breadcrumb-bottom ul{}
.breadcrumb-bottom ul li{}
.breadcrumb-bottom ul li span{
    display: inline-block;
    background: #fff;
    color: var(--primary-color);
    padding: 5px 10px;
    border-radius: 50px;
    letter-spacing: 0.5px;
    font-weight: 800;
}
.breadcrumb-bottom ul li a{}
.breadcrumb-bottom ul li:not(:first-child):before{}
.breadcrumb-bottom ul li:not(:last-child) a{}


/* breadcrumb section style start */

/* about page style start */
.aboutpagesection {
    padding: 20px 0;
}

.aboutpagesection .aboutsectionbox {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.aboutpagesection .aboutsectionbox .aboutheading {
    border-bottom: 2px solid #000;
    padding-bottom: 20px;
}

.aboutpagesection .aboutsectionbox .aboutheading h2 {font-size: 76px;font-family: var(--third-font);margin: 10px 0 70px;font-weight: 700;transform: scaleY(1.5);}

.aboutpagesection .aboutsectionbox .aboutheading p {
    font-size: 24px;
    text-align: justify;
}

.aboutpagesection .aboutsectionbox .aboutimg {
    border-bottom: 2px solid #000;
    padding-bottom: 20px;
}

.aboutpagesection .aboutsectionbox .aboutimg img {
    width: 100%;
}

.aboutpagesection .aboutsectionbox .aboutlowercontent {
    border-bottom: 2px solid #000;
    padding-bottom: 20px;
}

.aboutpagesection .aboutsectionbox .aboutlowercontent p {
    font-weight: 600;
    font-size: 30px;
    font-family: cursive;
    position: relative;
}
.aboutpagesection .aboutsectionbox .aboutlowercontent p.post {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--primary-font);
    margin: 10px 0 20px;
}
.aboutpagesection .aboutsectionbox .aboutlowercontent p span {
    display: block;
    position: absolute;
    font-size: 36px;
    top: -20px;
}

.boardteamsection {
    padding: 20px 0 50px;
}

.boardteamsection .boardteambox {}

.boardteamsection .boardteambox div {}

.boardteamsection .boardteambox div .boardimg {
    border-bottom: 3px solid #000;
    padding: 0 0 10px;
}

.boardteamsection .boardteambox div .boardimg img {
    width: 100%;
    height: 400px;
    object-fit: contain;
}

.boardteamsection .boardteambox div .details {}

.boardteamsection .boardteambox div .details p {
    font-size: 28px;
    text-align: center;
    font-weight: 600;
    padding: 10px 0;
}
.boardteamsection .boardteambox div .details a {
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    padding: 10px 0;
    position: relative;
    width: max-content;
    margin: 0 auto;
}
.boardteamsection .boardteambox div .details a:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 0;
    background: var(--primary-color);
    border-radius: 20px;
    transition: all 0.7s ease;
    bottom: 0;
}
.boardteamsection .boardteambox div .details a:hover:before {
    width: 100%;
}
.schoolsection {
    padding: 20px 0 50px;
}

.schoolsection .schoolsectionbox {}

.schoolsection .schoolsectionbox .schoolimg {}

.schoolsection .schoolsectionbox .schoolimg img {
    width: 100%;
}
.schoolsection .schoolsectionbox .schoolimg p {
    font-size: 18px;
    font-family: var(--fourth-font);
    font-weight: 500;
    text-align: justify;
    margin: 10px 0;
}
.schoolsection .schoolsectionbox .schoolimg a {
    font-size: 22px;
    font-weight: 600;
    padding: 10px 0;
    position: relative;
    width: max-content;
}
.schoolsection .schoolsectionbox .schoolimg a:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 0;
    background: var(--primary-color);
    border-radius: 20px;
    transition: all 0.7s ease;
    bottom: 0;
}
.schoolsection .schoolsectionbox .schoolimg a:hover:before {
    width: 100%;
}

.girleducationsection {
    padding: 50px 0 300px;
    background: #ffffe8;
}

.girleducationsection .girleducationsectionbox {
    width: 46%;
}

.girleducationsection .girleducationsectionbox h2 {
    font-size: 36px;
    font-weight: 400;
    font-family: math;
}

.girleducationsection .girleducationbox {
    margin: 20px 0;
    position: relative;
}
.girleducationsection .girleducationbox .girleducationboxinner:nth-child(2){
    left: 0;
    top: 50px;
    transform: translateX(calc(-100% + 15px));
}
.girleducationsection .girleducationbox .girleducationboxinner:nth-child(3){
    bottom: 0;
    left: 0;
    transform: translate(calc(-40% + 15px), 75%);
}
.girleducationsection .girleducationbox .girleducationboxinner:nth-child(4){
    bottom: 0;
    right: 0;
    transform: translateY(50%);
}
.girleducationsection .girleducationbox .gireducationimg {}

.girleducationsection .girleducationbox .gireducationimg img {
    width: 100%;
}

.girleducationsection .girleducationbox .girleducationboxinner {
    max-width: 336px;
    position: absolute;
}

.girleducationsection .girleducationbox .girleducationboxinner .girleducationinner {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    gap: 15px;
    justify-content: space-between;
    padding: 17px 30px;
}

.girleducationsection .girleducationbox .girleducationboxinner .girleducationinner h3 {
    font-size: 28px;
    font-weight: 600;
    color: var(--primary-color);
    font-family: var(--primary-font);
    text-transform: capitalize;
}

.girleducationsection .girleducationbox .girleducationboxinner .girleducationinner p {
    font-size: 18px;
    color: #404040;
    font-weight: 400;
    font-family: 'Lato';
}

.girleducationsection .girleducationbox .girleducationboxinner .girleducationinner .btnlink {
    background: var(--secondary-color);
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    color: #111e47;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    padding: 15px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease;
    width: max-content;
}

.girleducationsection .girleducationbox .girleducationboxinner .girleducationinner .btnlink:hover {
    background: var(--primary-color);
    color: #fff;
}

.girleducationouterbox {
    background-color: var(--forth-color);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-12px, 12px);
    z-index: -1;
}

.teamsection {
    padding: 50px 0;
}

.teamsection .teamsectionleftbox {}

.teamsection .teamsectionleftbox ul {}

.teamsection .teamsectionleftbox ul li {
    display: flex;
    border-left: 3px solid transparent;
    margin: 0 0 15px;
    padding: 0 0 0 10px;
    transition: all .3s ease;
}

.teamsection .teamsectionleftbox ul li:hover, .teamsection .teamsectionleftbox ul li.active {
    border-color: var(--primary-color);
}

.teamsection .teamsectionleftbox ul li:hover a, .teamsection .teamsectionleftbox ul li.active a {
    color: var(--primary-color);
}

.teamsection .teamsectionleftbox ul li a {
    font-size: 22px;
    display: inline-block;
    color: #6e6e6e;
    font-weight: 500;
    font-family: var(--primary-font);
    padding: 5px 0;
}

.teamsection .teamsectionrightbox {}

.teamsection .teamsectionrightbox a {}

.teamsection .teamsectionrightbox a .teamimg {}

.teamsection .teamsectionrightbox a .teamimg img {
    width: 100%;
    transform: translateZ(0);
    transition: opacity .25s linear;
    filter: grayscale(1);
}
.teamsection .teamsectionrightbox a:hover .teamimg img {
    filter: grayscale(0);
}
.teamsection .teamsectionrightbox a .teamdetails {
    padding: 10px 5px;
}

.teamsection .teamsectionrightbox a .teamdetails h4 {
    font-size: 22px;
    font-weight: 600;
    font-family: var(--primary-font);
    color: var(--primary-color);
    text-transform: capitalize;
}

.teamsection .teamsectionrightbox a .teamdetails .post {
    font-size: 16px;
    font-family: var(--primary-font);
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #262626;
}

.about-section {
    padding: 30px 20px;
    background: #f5f5f5;
}

.about-box {
    display: flex;
    background: linear-gradient(135deg, #8fd3a8, #f7e66b);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 0;
}

.about-image {
    width: 35%;
}

.about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-content {
    width: 65%;
    padding: 40px;
}

.about-content h1 {
    font-size: 52px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
    text-align: right;
    font-family: var(--third-font);
}

.about-content h1 span {
    color: var(--primary-color);
    font-family: var(--third-font);
}

.about-content p {
    font-size: 18px;
    color: #1f1f1f;
    margin-bottom: 15px;
    font-family: var(--fourth-font);
    text-align: right;
}

.watch-btn {
    display: inline-block;
    margin-top: 15px;
    color: #ff3b3b;
    text-decoration: underline;
    font-weight: 600;
    float: right;
}

.atma-section {
    padding: 30px 20px;
    background: #f5f5f5;
}

.atma-content {
    background: linear-gradient(135deg, #8fd3a8, #f7e66b);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.atma-image {
    width: 25%;
    height: 300px;
}

.atma-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.atma-content {
    width: 100%;
    padding: 50px;
}
.atma-content-box {display: flex;padding: 20px 0;justify-content: space-between;}
.atma-content h1 {
    font-size: 52px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0px;
    font-family: var(--third-font);
}

.atma-content h1 span {
    color: var(--primary-color);
    font-family: var(--third-font);
}
.atma-info-box {width: 70%;}

.atma-content .atma-info-box h1 {
    font-size: 52px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
    text-align: right;
    font-family: var(--third-font);
}

.atma-content .atma-info-box h1 span {
    color: var(--primary-color);
    font-family: var(--third-font);
}

.atma-content .atma-info-box p {
    font-size: 18px;
    color: #1f1f1f;
    margin-bottom: 15px;
    font-family: var(--fourth-font);
}

.watch-btn {
    display: inline-block;
    margin-top: 15px;
    color: #ff3b3b;
    text-decoration: underline;
    font-weight: 600;
    float: right;
}

/* about page style end */

/* our work page style start */

.ourworksection {}

.ourworksection .ourworkbox {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--primary-color);
}

.ourworksection .ourworkbox .ourworkimage {
    width: 30%;
}

.ourworksection .ourworkbox .ourworkimage:before {
}

.ourworksection .ourworkbox .ourworkimage img {
    width: 100%;
}

.ourworksection .ourworkbox .ourworkinner {width: 70%;padding: 50px;}

.ourworksection .ourworkbox .ourworkinner h3 {
    font-size: 36px;
    color: var(--secondary-color);
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--primary-font);
    margin: 0 0 20px;
}

.ourworksection .ourworkbox .ourworkinner p {
    color: #ffffff;
    font-size: 18px;
    padding: 0 0 10px;
}

.ourworksec {}

.ourworksec .ourworkbx {}

.ourworksec .ourworkbx .ourworkimg {position: relative;z-index: 1;}

.ourworksec .ourworkbx .ourworkimg img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}

.ourworksec .ourworkbx .ourworkimg:before {
    content: '';
    background: #ffffffad;
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
}

.ourworksec .ourworkbx .ourworkimg h3 {
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    font-family: var(
    --third-font);
    font-size: 140px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: var(--primary-color);
}

.ourworksec .ourworkbx .ourworkinner {
    width: 50%;
    padding: 30px 0;
    margin: 0 auto;
}

.ourworksec .ourworkbx .ourworkinner h3 {
    font-size: 36px;
    margin: 0 0 10px;
}

.ourworksec .ourworkbx .ourworkinner p {
    font-size: 18px;
    margin: 0 0 15px;
    font-family: var(--primary-font);
}

.ourworksec .ourworkbx .ourworkinner .btnlink {
    background: transparent;
    color: var(--primary-color);
    border-radius: 5px;
    font-weight: 600;
    transition: all .3s ease;
    position: relative;
    width: max-content;
    font-size: 22px;
}
.ourworksec .ourworkbx .ourworkinner .btnlink i {
    padding: 0 0 0 5px;
}

.ourworksec .ourworkbx .ourworkinner .btnlink:before {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    border-radius: 20px;
    background: var(--primary-color);
    bottom: 0;
    transition: all .7s ease;
}

.ourworksec .ourworkbx .ourworkinner .btnlink:hover:before {
    width: 100%;
}

.makediffsection {
    padding: 50px 0;
    background: #f5f5f5;
}

.makediffsection .makediffsectionbox {
    position: relative;
    width: 100%;
    height: 350px;
    perspective: 1000px;
    margin: 0 0 20px;
}

.makediffsection .makediffsectionbox .flipcardinner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform .7s ease;
    z-index: 999;
    box-shadow: 3px 5px 20px rgb(0 0 0 / 5%);
}

.makediffsection .makediffsectionbox:hover .flipcardinner {
    transform: rotateY(180deg);
}

.makediffsection .makediffsectionbox .flipcardinner .makediffimg {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}
.makediffsection .makediffsectionbox .flipcardinner .makediffimg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #14141487;
}
.makediffsection .makediffsectionbox .flipcardinner .makediffimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.makediffsection .makediffsectionbox .flipcardinner .makediffimginner {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000e3;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    text-align: center;
    transform: rotateY(180deg);
    backface-visibility: hidden;
}

/* our work page style end */

/* our impact page style start */

.growthsection {}

.growthsection .growthsectionimg {
    position: relative;
}
.growthsection .growthsectionimg:before {
    content: '';
    background: #ffffffad;
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
}

.growthsection .growthsectionimg h3 {
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    font-family: var(--third-font);
    font-size: 180px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: var(--primary-color);
}

.growthsection .growthsectionimg img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.growth-content {
    padding: 50px 80px;
    /* align-items: center; */
}

.big-quote {
    font-size: 22px;
    font-weight: 700;
    color: var(--primary-color);
    position: relative;
}

.big-quote .quote-icon {
    font-size: 80px;
    color: #1e2a7a;
    display: block;
    line-height: 0.2;
}

.big-quote .quote-icon.end {
    text-align: right;
    display: block;
    margin-top: 20px;
}

.quote-author {
    font-size: 20px;
    margin-top: 10px;
    color: var(--primary-color);
    font-family: var(--primary-font);
    font-weight: 400;
}

.growth-text {
    padding: 0 30px;
}

.growth-text h2 {
    font-size: 48px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 20px;
    font-family: math;
}

.growth-text p {
    font-size: 22px;
    color: #333;
    margin-bottom: 18px;
}

.growthsection .growthsecimg {}

.growthsection .growthsecimg img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.timelinesection {
    padding: 50px 0;
}

.timelinesection .timelinesectionbox {}

.timelinesection .timelinesectionbox .timelinebox {
    display: flex;
    align-items: center;
    margin: 30px 0 30px;
}

.timelinesection .timelinesectionbox .timelinebox:nth-child(even) {
    flex-direction: row-reverse;
}

.timelinesection .timelinesectionbox .timelinebox .timelineimg {
    width: 40%;
}

.timelinesection .timelinesectionbox .timelinebox .timelineimg img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.timelinesection .timelinesectionbox .timelinebox .timelinecontent {
    width: 60%;
    position: relative;
    background: #ffffd5;
    padding: 25px;
}

.timelinesection .timelinesectionbox .timelinebox .timelinecontent h3 {
    font-size: 28px;
    font-weight: 600;
    color: var(--primary-color);
    font-family: var(--primary-font);
    margin: 0 0 10px;
}

.timelinesection .timelinesectionbox .timelinebox .timelinecontent p {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.parentstestimonialsection {
    padding: 50px 0;
    background: #fff;
}

.parentstestimonialsection .parentstestimonialbox {
    display: flex;
    flex-wrap: wrap;
    margin: 100px 0 0;
}

.parentstestimonialsection .parentstestimonialbox .parentstestimonialimg:nth-child(even) {
    margin: -80px 10px 90px;
}

.parentstestimonialsection .parentstestimonialbox .parentstestimonialimg {
    width: 24%;
    border: 1px solid #eee;
    padding: 10px;
    margin: 0 0 10px;
}

.parentstestimonialsection .parentstestimonialbox .parentstestimonialimg img {
    width: 100%;
}
.testimonialsection .testimonialsectionbox .testmonialouter .testimonialbox .testimonialrightbox .testimonialimagebox {
}
/* our impact page style end */

/* get involved page style start */

.getinvolvedsection {
    padding: 50px 0;
}

.getinvolvedsection .getinvolvedsectionbox {
}

.getinvolvedsection .getinvolvedsectionbox .getinvolvedimg {
    width: 100%;
}

.getinvolvedsection .getinvolvedsectionbox .getinvolvedimg img {
    width: 100%;
}

.getinvolvedsection .getinvolvedsectionbox .getinvolvedcontent {
    width: 100%;
    padding: 20px 20px;
}

.getinvolvedsection .getinvolvedsectionbox .getinvolvedcontent h3 {font-size: 76px;font-family: var(--third-font);margin: 10px 0 70px;font-weight: 700;transform: scaleY(1.5);}

.getinvolvedsection .getinvolvedsectionbox .getinvolvedcontent p {
    font-size: 22px;
    /* font-weight: 400; */
    letter-spacing: 0.5px;
    margin: 20px 0;
    font-family: var(--fourth-font);
    color: #000;
}

.getinvolvedsection .getinvolvedsectionbox .getinvolvedcontent a {
    padding: 10px 20px;
    background: var(--secondary-color);
    font-size: 16px;
    width: max-content;
    font-weight: 600;
    border: 2px solid var(--primary-color);
    transition: all .3s ease;
}
.getinvolvedsection .getinvolvedsectionbox .getinvolvedcontent a:hover {
    background: var(--primary-color);
    color: #fff;
}
.charitydetails {
    background: var(--primary-color);
    padding: 50px 0;
}

.charitydetails .charitydetailsbox {
    width: 50%;
    margin: 0 auto;
}

.charitydetails .charitydetailsbox h3 {
    font-size: 28px;
    color: var(--secondary-color);
    text-align: left;
    font-weight: 600;
    font-family: monospace;
    margin: 0 0 10px;
}

.charitydetails .charitydetailsbox p {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7rem;
    font-family: var(--primary-font);
}

.charitysection {
    padding: 50px 0;
}

.charitysection .charitysectionbox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.charitysection .charitysectionbox .charitysectioninnerbox {
    width: 35%;
    padding: 15px;
    border: 1px solid #eee;
}

.charitysection .charitysectionbox .charitysectioninnerbox .charityimage {
    text-align: center;
}

.charitysection .charitysectionbox .charitysectioninnerbox .charityimage img {
    width: 25%;
}

.charitysection .charitysectionbox .charitysectioninnerbox .charitycontent {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: center;
    align-items: center;
}

.charitysection .charitysectionbox .charitysectioninnerbox .charitycontent h3 {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-color);
}

.charitysection .charitysectionbox .charitysectioninnerbox .charitycontent p {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--primary-font);
}

.charitysection .charitysectionbox .charitysectioninnerbox .charitycontent a {
    padding: 10px 20px;
    background: var(--secondary-color);
    border: 2px solid var(--primary-color);
    width: max-content;
    transition: all .3s ease;
}
.charitysection .charitysectionbox .charitysectioninnerbox .charitycontent a:hover {
    background: var(--primary-color);
    color: #fff;
}

.otherwaysection {
    padding: 50px 0;
    background: var(--primary-color);
}

.otherwaysection .headingbox h2 {
    color: #fff
    
}
.otherwaysection .headingbox p {
    color: #fff;
}

.otherwaysection .otherwaysectionbox {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.otherwaysection .otherwaysectionbox .otherwaybox {
    display: flex;
    align-items: center;
}

.otherwaysection .otherwaysectionbox .otherwaybox .otherwayimg {
    width: 30%;
}

.otherwaysection .otherwaysectionbox .otherwaybox .otherwayimg img {
    width: 100%;
}

.otherwaysection .otherwaysectionbox .otherwaybox .otherwaycontent {
    width: 70%;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.otherwaysection .otherwaysectionbox .otherwaybox .otherwaycontent h3 {
    font-size: 22px;
    color: var(--third-color);
    font-weight: 600;
    font-family: var(--primary-font);
}

.otherwaysection .otherwaysectionbox .otherwaybox .otherwaycontent p {
    color: #fff;
}

.otherwaysection .otherwaysectionbox .otherwaybox .otherwaycontent a {
    padding: 10px 20px;
    background: var(--secondary-color);
    width: max-content;
    border: 1px solid #000;
    transition: all .3s ease;
}
.otherwaysection .otherwaysectionbox .otherwaybox .otherwaycontent a:hover {
    background: #fff;
}

.intrestingsection {
    padding: 50px 0;
}

.intrestingsection .intrestingsectionbox {
    display: flex;
    gap: 20px;
}

.intrestingsection .intrestingsectionbox .intrestingbox {
    padding: 10px;
    overflow: hidden;
    transition: all .3s ease;
}
.intrestingsection .intrestingsectionbox .intrestingbox:hover {
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.3);
    transform: scale(1.01);
}
.intrestingsection .intrestingsectionbox .intrestingbox .intrestingimg {}

.intrestingsection .intrestingsectionbox .intrestingbox .intrestingimg img {
    width: 100%;
}

.intrestingsection .intrestingsectionbox .intrestingbox .intrestingcontent {
    padding: 20px 0;
}

.intrestingsection .intrestingsectionbox .intrestingbox .intrestingcontent h3 {
    font-size: 22px;
    font-weight: 600;
    color: var(--primary-color);
    margin: 0 0 5px;
}

.intrestingsection .intrestingsectionbox .intrestingbox .intrestingcontent p {
    font-size: 16px;
    text-align: justify;
}

/* get involved page style end */

/* donate now page style start */

.donatenowsection {
    padding: 50px 0;
}

.donatenowsection .donatesectionbox {
    margin: 0 0 20px;
}

.donatenowsection .donatesectionbox h3 {
    font-size: 76px;
    font-family: var(--third-font);
    margin: 10px 0 70px;
    font-weight: 700;
    transform: scaleY(1.5);
}

.donatenowsection .donatesectionbox p {
    font-size: 22px;
    font-family: var(--fourth-font);
}

.donatenowsection .donatesectionimg {}

.donatenowsection .donatesectionimg img {
    width: 100%;
}

.paymentmethodsection {
    padding: 50px 0;
}

.paymentmethodsection .paymentmethodsectionbox {
    display: flex;
    padding: 0 20px;
    margin: 30px 0 0;
    flex-wrap: wrap;
    gap: 30px;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox {width: 31%;}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .iconbox {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    cursor: pointer;
    margin: 0 0 10px;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .iconbox svg {
    width: 50px;
    fill: #000;
    transition: all .3s ease;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .contentbox {
    border-top: 5px solid var(--forth-color);
    padding: 20px 5px 0;
    margin: 20px 0 0;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .contentbox h3 {
    font-size: 24px;
    font-weight: 900;
    font-family: var(--primary-font);
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .contentbox p {
    margin: 10px 0 15px;
    font-size: 16px;
    font-family: var(--primary-font);
    font-weight: 500;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .contentbox a {
    color: var(--primary-color);
    display: flex;
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 900;
    letter-spacing: .9px;
    margin-top: 20px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .contentbox pre {
    display: inline-flex;
    margin: 0;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox:hover .iconbox {
    background: #000;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox:hover .iconbox svg {
    fill: #fff;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .contentbox a .linkicon {
    align-items: center;
    display: flex;
    margin-left: 4px;
    position: relative;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .contentbox a .linkicon .circle {
    background-color: var(--primary-color);
    border-radius: 50%;
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: width .3s ease-in-out, height .3s ease-in-out;
    width: 0;
    z-index: -1;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .contentbox a .linkicon svg path, .paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .contentbox a .linkicon svg line {
    stroke: var(--primary-color);
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox:hover .contentbox a .linkicon .circle {
    width: 28px;
    height: 28px;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox:hover .contentbox a .linkicon svg path, .paymentmethodsection .paymentmethodsectionbox .paymentmethodbox:hover .contentbox a .linkicon svg line {
    stroke: #fff;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .contentbox .details {
    font-size: 15px;
    letter-spacing: 0.5px;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .contentbox .details a {
    display: inline-block;
    font-size: 14px;
    text-transform: lowercase;
    margin: 0;
    padding: 0;
}

.paymentmethodsection .paymentmethodsectionbox .paymentmethodbox .contentbox .details img {
    width: 80%;
    margin: 30px auto 0;
    object-fit: contain;
    height: 200px;
}

.makediffsection .makediffsectionbox .flipcardinner .makediffquestion {position: absolute;width: 100%;height: 100%;backface-visibility: hidden;z-index: 999;display: flex;align-items: center;justify-content: center;}

.makediffsection .makediffsectionbox .flipcardinner .makediffquestion:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
}

.makediffsection .makediffsectionbox .flipcardinner .makediffquestion h2 {
    color: #000;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    padding: 5px;
}

.makediffsection .makediffsectionboxouter {
    display: flex;
    align-items: center;
    gap: 20px;
}

.makediffsection .makediffsectionbox:nth-child(2) .flipcardinner .makediffquestion:before {
    background: var(--primary-color);
}

.makediffsection .makediffsectionbox:nth-child(2) .flipcardinner .makediffquestion h2 {
    color: #fff;
}

.makediffsection .makediffsectionbox:nth-child(2) .flipcardinner .makediffimginner {
    background: var(--primary-color);
    color: #fff;
}

.makediffsection .makediffsectionbox:nth-child(3) .flipcardinner .makediffimginner {
    background: var(--secondary-color);
    color: #000;
}

.makediffsection .makediffsectionbox:nth-child(3) .flipcardinner .makediffquestion:before {
    background: var(--secondary-color);
}

.makediffsection.donatenowpage {
    background: #eee;
}

.quotesection {
    padding: 50px 0;
}

.quotesection .quotesectionbox {}

.quotesection .quotesectionbox .quotebox {
    display: flex;
    align-items: center;
    gap: 70px;
}

.quotesection .quotesectionbox .quotebox .content {
    width: 50%;
}

.quotesection .quotesectionbox .quotebox .content h4 {
    font-size: 32px;
    font-family: var(--third-font);
    letter-spacing: -0.5px;
    margin: 0 0 20px;
}

.quotesection .quotesectionbox .quotebox .content h4 span {
    display: block;
    line-height: 0;
}

.quotesection .quotesectionbox .quotebox .content p {
    font-family: var(--fourth-font);
    color: #000;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.2px;
}

.quotesection .quotesectionbox .quotebox .quoteimg {
    width: 50%;
}

.quotesection .quotesectionbox .quotebox .quoteimg img {
    width: 100%;
}

.empowersection {
    padding: 50px 0;
}

.empowersection .empowersectionbox {
    border-top: 6px solid var(--primary-color);
    padding: 100px 0;
}

.empowersection .empowersectionbox .empowerbox {
    display: flex;
    gap: 5%;
}

.empowersection .empowersectionbox .empowerbox .empowerboxleft {
    width: 20%;
}

.empowersection .empowersectionbox .empowerbox .empowerboxleft h3 {
    font-size: 28px;
    font-family: var(--third-font);
}

.empowersection .empowersectionbox .empowerbox .empowerboxright {
    width: 80%;
}

.empowersection .empowersectionbox .empowerbox .empowerboxright p, .empowersection .empowersectionbox .empowerbox .empowerboxright ul li {
    font-size: 18px;
    font-family: var(--fourth-font);
    color: #000;
    font-weight: 400;
    margin: 0 0 10px;
}
.empowersection .empowersectionbox .empowerbox .empowerboxright ul {
    list-style: disc;
    margin: 0 0 0 40px;
}

.learnmoresection {
    padding: 50px 0;
    background: #f6f6f6;
}

.learnmoresection .learnmoresectionbox {
    display: flex;
    align-items: center;
    gap: 5%;
}

.learnmoresection .learnmoresectionbox .learnmorebox {
    width: 50%;
}
.learnmoresection .learnmoresectionbox .learnmorebox a {
    background: #ffffbe;
    padding: 10px;
}

.learnmoresection .learnmoresectionbox .learnmorebox:nth-child(2) a {
    background: #b9ffb9;
}

.learnmoresection .learnmoresectionbox .learnmorebox .learnmoreimage {
    margin: 0 0 20px;
    overflow: hidden;
}

.learnmoresection .learnmoresectionbox .learnmorebox .learnmoreimage img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: all .3s ease;
}
.learnmoresection .learnmoresectionbox .learnmorebox a:hover .learnmoreimage img {
    transform: scale(1.1);
}
.learnmoresection .learnmoresectionbox .learnmorebox .learnmorecontent {
    margin: 0 0 10px;
}

.learnmoresection .learnmoresectionbox .learnmorebox .learnmorecontent h3 {
    font-family: var(--third-font);
    font-size: 28px;
    margin: 0 0 20px;
}

.learnmoresection .learnmoresectionbox .learnmorebox .learnmorecontent p {
    font-size: 16px;
    font-family: var(--fourth-font);
    margin: 0 0 10px;
}

.learnmoresection .learnmoresectionbox .learnmorebox .learnmorecontent span {
    font-size: 18px;
    font-family: var(--third-font);
    font-weight: 500;
    letter-spacing: .5px;
    background-image: linear-gradient(90deg, #000);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    transition: background-size .6s ease-in-out 0s;
}
.learnmoresection .learnmoresectionbox .learnmorebox a:hover .learnmorecontent span {
    background-size: 100% 2px;
}
/* donate now page style end */

.impactbox{
  padding: 50px 0;
}

.impactbars{
 display:flex;
 align-items:flex-end;
 height:220px;
 gap:10px;
}

.impactbar{
 flex:1;
 height:18px;
 border-radius:10px;
 cursor:pointer;
 transition:height .4s ease;
 position:relative;
}

/* hover pe DB wali height */
.impactbar:hover{
 height: 100%;
}

.impactbar.active{
    height: var(--h);
}

.impactbar span{
 position:absolute;
 bottom: 100%;
 font-size: 14px;
 white-space:nowrap;
 text-align: center;
 width: 100%;
}

.impactbar .count{
 position:absolute;
 top:-22px;
 font-weight:600;
 display: none;
}

/* Colors */
.impactbar.red{background:#e53935;}
.impactbar.orange{background:#f9a825;}
.impactbar.gray{background:#cfd2d3;}
.impactbar.yellow{background:#cddc39;}
.impactbar.green{background:#6cc04a;}

.initiativesection {
    padding: 50px 0;
}

.initiativesection .initiativesectionbox {
    margin: 0 0 20px;
}

.initiativesection .initiativesectionbox h3 {
    font-size: 88px;
    font-family: var(--third-font);
    margin: 0 0 10px;
    font-weight: 700;
}

.donatesectionimg {}

.initiativesection .initiativesectionimg {}

.initiativesection .initiativesectionimg img {
    width: 100%;
    height: 550px;
    object-fit: cover;
    margin: 0 0 30px;
}

.initiativesection .initiativesectionbox p {
    font-size: 22px;
    font-family: var(--fourth-font);
}

.initiativesection2 {}

.initiativesection2 .initiativesbox {
    display: flex;
    align-items: center;
    gap: 1%;
    margin: 40px 0 40px;
}

.initiativesection2 .initiativesbox .initiativesleftbox {
    width: 50%;
    background: var(--secondary-color);
    min-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.initiativesection2 .initiativesbox .initiativesleftbox h2 {
    font-size: 70px;
    font-weight: 700;
    font-family: var(--third-font);
    text-transform: uppercase;
}

.initiativesection2 .initiativesbox .initiativesrightbox {
    width: 50%;
    border-left: 2px solid #000;
    padding: 0 0 0 10px;
}

.initiativesection2 .initiativesbox .initiativesrightbox img {
    width: 100%;
    margin: 0 0 20px;
    height: 300px;
    object-fit: contain;
}

.initiativesection2 .initiativesbox .initiativesrightbox p {
    font-size: 18px;
    font-family: var(--fourth-font);
    font-weight: 400;
}

.initiativesection2 .initiativesbox .initiativesrightbox a {
    display: inline-block;
    margin: 0px 0px 20px;
    padding: 20px 5px 1px;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
}
.initiativesection2 .initiativesbox .initiativesrightbox a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    border-radius: 20px;
    background: var(--primary-color);
    bottom: 0;
    transition: all .7s ease;
}

.initiativesection2 .initiativesbox .initiativesrightbox a:hover:before {
    width: 100%;
}

/* ================= HERO SECTION ================= */
.donate-hero {
    background: #0057ff;
    color: #fff;
    padding: 50px 20px 0;
    background: var(--primary-color);
}

.donate-content {
    max-width: 1200px;
    margin: auto;
}

.donate-content h1 {
    font-size: 150px;
    font-weight: 800;
    letter-spacing: 1px;
    font-family: var(--third-font);
}

.img-box {display: inline-flex;}
.site-footer .footer-col img {
    width: 100%;
}

.img-box img {
    width: 200px;
}
.donate-content p {
    font-size: 22px;
    margin: 30px 0;
    font-family: var(--fourth-font);
}

.donate-btn {
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 12px 30px;
    font-weight: 500;
    text-decoration: none;
    transition: all .3s ease;
    border: 10px solid #003196;
    font-family: var(--third-font);
    letter-spacing: 1px;
    font-size: 18px;
}
.donate-btn:hover {
    background: var(--primary-color);
    color: #fff;
}
/* ================= FOOTER ================= */
.site-footer {
    background: var(--primary-color);
    color: #fff;
    padding: 60px 0 30px;
}

.footer-container {
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
    display: flex;
    gap: 40px;
}
.footer-container .footer-col {
    width: 25%;
}
.footer-col h4 {
    margin-bottom: 15px;
    font-size: 20px;
    font-family: var(--third-font);
    letter-spacing: 0.5px;
}

.footer-col ul {
    list-style: none;
    margin: 0 0 20px;
}

.footer-col ul li {
    margin-bottom: 10px;
}

.footer-col a {
    color: #d6d6d6;
    text-decoration: none;
    font-family: var(--fourth-font);
    font-size: 15px;
    display: block;
}

.footer-col a:hover {
    text-decoration: underline;
}

.footer-link {
    display: inline-block;
    margin-top: 10px;
}

.footer-bottom {
    max-width: 1200px;
    margin: 40px auto 0;
    padding: 20px;
    border-top: 1px solid rgba(255,255,255,0.3);
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

.footer-social {
    margin: 15px 0;
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.footer-social a {
    margin-right: 15px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

.footer-social a:hover {
}
.footer-social .footer-social-box {
    display: flex;
}

.footer-social .footer-address {

}

.footer-social .footer-address ul {
}

.footer-social .footer-address ul li {}

.footer-social .footer-address ul li a {
    padding: 5px 0 5px;
}
.footer-bottom .copyright {
    font-size: 18px;
    font-family: var(--fourth-font);
}
.impactbox .impactboxbottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px 0 0;
}

.impactbox .impactboxbottom .impactboximg {
    display: inline-block;
    width: 15%;
}

.impactbox .impactboxbottom .impactboximg img {
    width: 100%;
}

.impactbox .taglinebox {}

.impactbox .taglinebox .tagline {
    font-size: 22px;
    font-family: var(--fourth-font);
    color: var(--primary-color);
    font-weight: 600;
}

.impactbox .taglinebox .tagline span {}
.video-section {
    width: 100%;
    background: #000;
    padding: 0;
    margin: auto;
}

.video-wrapper a, .video-wrapper {
    position: relative;
    width: 100%;
    height: 80vh;
    cursor: pointer;
    background: #000;
}
.video-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.video-wrapper iframe {
    width: 100%;
    height: 100%;
    display: block;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90px;
    height: 90px;
    background: #ffffff;
    color: #00bfa5;
    font-size: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

.lifespan-section {
  background: var(--secondary-color);
  padding: 60px 20px;
}

.lifespan-container {
  max-width: 1100px;
  margin: auto;
  text-align: center;
}

.title {
  font-size: 42px;
  font-weight: 800;
  color: var(--primary-color);
  margin-bottom: 10px;
}

.subtitle {
  display: inline-block;
  background: #fff;
  padding: 10px 20px;
  border-radius: 25px;
  font-size: 16px;
  margin-bottom: 40px;
}

.stages {
  display: flex;
  gap: 15px;
  margin-bottom: 30px;
  align-items: center;
}

.stage {
  background: #fff;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  width: 20%;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--third-font);
  letter-spacing: 2px;
  color: var(--primary-color);
}

.stage.small {
}

.ages {
  display: flex;
  justify-content: center;
  gap: 40px;
  font-weight: 600;
  margin: 50px 0;
}

.ages span {
    font-weight: 700;
    font-size: 22px;
    font-family: var(--third-font);
}

.support p {
  font-size: 32px;
  font-weight: 800;
  color: var(--primary-color);
}

.support span {
  font-size: 26px;
  font-weight: 800;
}
.initiativesection2 .initiativesbox .initiativesrightbox ul {}

.initiativesection2 .initiativesbox .initiativesrightbox ul li{
    
}
.initiativesection2 .initiativesbox .initiativesrightbox ul li a {
    font-size: 22px;
    padding: 10px 0;
    font-family: var(--third-font);
    font-weight: 700;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--primary-color);
    color: var(--primary-color);
}

.initiativesection2.homepage {
    padding: 50px 0;
}
.initiativesection2.homepage .initiativesbox .initiativesrightbox ul li a {
    width: 100%;
}
.initiativesection2.homepage .initiativesbox .initiativesrightbox a:before {
    content: unset;
}
.lifespanbox {
    padding: 50px;
}

.lifespanbox .lifespanimg {}

.lifespanbox .lifespanimg img {
    width: 100%;
}

.empoweringsection {
    padding: 200px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
}
.empoweringsection:before {
    content: '';
    position: absolute;
    background: #00000045;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.empoweringsection .empoweringsectionbox {
    text-align: center;
}

.empoweringsection .empoweringsectionbox h2 {
    font-size: 108px;
    color: #fff;
    font-weight: 700;
    font-family: var(--fourth-font);
    letter-spacing: 1px;
    position: relative;
}

.empoweringsection .empoweringsectionbox h2 span {
    font-weight: 700;
    background: linear-gradient(90deg, #07c2d2, #edf300);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.aboutpagesection2 {
    padding: 50px 0;
}

.aboutpagesection2 .aboutsectionbox2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 40px;
}

.aboutpagesection2 .aboutsectionbox2 .aboutimg2 {
    width: 40%;
}

.aboutpagesection2 .aboutsectionbox2 .aboutimg2 img {
    width: 100%;
    /* height: 550px; */
    /* object-fit: contain; */
}
.aboutpagesection2 .aboutsectionbox2 .aboutimg2 h3 {
    font-size: 22px;
    text-align: center;
    margin: 8px 0;
    font-weight: 400;
    font-family: var(--third-font);
    letter-spacing: .5px;
}
.aboutpagesection2 .aboutsectionbox2 .aboutheading2 {
    width: 60%;
    padding: 0 0 0 30px;
    border-left: 1px solid #000;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aboutpagesection2 .aboutsectionbox2:nth-child(2) .aboutheading2 {
    background: var(--primary-color);
    padding: 20px;
}

.aboutpagesection2 .aboutsectionbox2:nth-child(2) .aboutheading2 p {
    color: #fff;
}
.aboutpagesection2 .aboutsectionbox2 .aboutheading2 h2 {
    font-size: 32px;
    font-family: var(--third-font);
    font-weight: 600;
    letter-spacing: 0.8px;
    margin: 0 0 20px;
}
.aboutpagesection2 .aboutsectionbox2 .aboutheading2 p {
    font-size: 18px;
    font-family: var(--fourth-font);
    font-weight: 500;
    text-align: justify;
    margin: 0 0 20px;
}

.aboutpagesection2 .aboutsectionbox2 .aboutheading2 ul {display: flex;align-items: center;gap: 15px;}

.aboutpagesection2 .aboutsectionbox2 .aboutheading2 ul li {
    font-size: 18px;
    font-family: var(--fourth-font);
    font-weight: 500;
    text-align: justify;
    margin: 0 0 10px;
}

.impact-section {
    padding: 60px 20px;
    background: #eef3f3;
}

.impact-container {
    display: flex;
    gap: 20px;
}
.impact-container .impact-images {
        width: 40%;
}

/* Images */
.impact-images img {
    width: 100%;
    margin-bottom: 15px;
    border-radius: 6px;
}

/* Timeline */
.impact-timeline {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 760px;
    overflow: hidden;
    overflow-y: scroll;
    width: 60%;
}

.impact-timeline::-webkit-scrollbar {
    width: 5px;
    background: #fff;
}

.impact-timeline::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
}

.timeline-box {
    padding: 15px 18px;
    border-radius: 6px;
    display: flex;
    gap: 10px;
}

.timeline-box h3 {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--third-font);
}
.timeline-box ul {
    list-style: disc;
    margin: 0 0 0 15px;
}
.timeline-box ul li {
    font-size: 14px;
    line-height: 1.5;
}

/* Colors */
.green { background: #cfe8dc; }
.yellow { background: #f7e6a6; }
.blue { background: #cfe3f0; }
.orange { background: #f5c5a5; }
.initiativesection3 {
    padding: 50px 0;
}

.initiativesection3 .initiativessliderimg {}

.initiativesection3 .initiativessliderimg img {
    margin: 0 auto;
    width: 100%;
}

/* testimonial page style start */

.ourstoriessection {
    padding: 50px 0;
}

.ourstoriessection .ourstoriessectionheading {
}

.ourstoriessection .ourstoriessectionheading h3 {
    font-size: 76px;
    font-family: var(--third-font);
    margin: 10px 0 70px;
    font-weight: 700;
    transform: scaleY(1.5);
}

.ourstoriessection .ourstoriessectionbox {
    padding: 30px 20px;
    background: #efefef;
    height: 100%;
}

.ourstoriessection .ourstoriessectionbox h2 {
    font-size: 32px;
    font-weight: 700;
    font-family: var(--fourth-font);
    letter-spacing: 0.5px;
    margin: 0 0 15px;
}

.ourstoriessection .ourstoriessectionbox p {
    font-size: 20px;
    text-align: justify;
    margin: 0 0 10px;
}

.ourstoriessection .ourstoriesimg {}

.ourstoriessection .ourstoriesimg img {
    width: 100%;
}

.testimonialsection.testimonialpage {
    padding: 20px 0 50px;
    background: unset;
}

.testimonialsection .parentstestimonialbox {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 10px;
}

.testimonialsection .parentstestimonialbox .parentstestimonialimg {
    width: 19%;
    border: 1px solid #eee;
    padding: 10px;
}

.testimonialsection .parentstestimonialbox .parentstestimonialimg img {
    width: 100%;
}

.testimonialsection2 {
    background: var(--secondary-color);
}

.testimonialsection2 .sectionimg {}

.testimonialsection2 .sectionimg img {
    width: 100%;
}

.testimonialsection2 .sectioninfo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.testimonialsection2 .sectioninfo p {
    font-size: 24px;
    text-align: center;
    font-family: var(--fourth-font);
    font-weight: 600;
}

/*.parentfacultysection {}*/

/*.parentfacultysection .parentfacultybox {*/
/*    display: flex;*/
/*    gap: 2%;*/
/*}*/

/*.parentfacultysection .parentfacultybox .parentfacultyimgbox {*/
/*    width: 50%;*/
/*    position: relative;*/
/*}*/

/*.parentfacultysection .parentfacultybox .parentfacultyimgbox .parentfacultyimg {}*/

/*.parentfacultysection .parentfacultybox .parentfacultyimgbox .parentfacultyimg img {*/
/*    width: 80%;*/
/*}*/

/*.parentfacultysection .parentfacultybox .parentfacultyimgbox .parentfacultyimg2 {*/
/*    width: 75%;*/
/*    position: absolute;*/
/*    top: 40%;*/
/*    right: 0;*/
/*}*/

/*.parentfacultysection .parentfacultybox .parentfacultyimgbox .parentfacultyimg2 img {*/
/*    width: 100%;*/
/*}*/

/*.parentfacultysection .parentfacultybox .parentfacultydetails {*/
/*    width: 50%;*/
/*}*/

/*.parentfacultysection .parentfacultybox .parentfacultydetails h2 {}*/

/*.parentfacultysection .parentfacultybox .parentfacultydetails h5 {}*/

/*.parentfacultysection .parentfacultybox .parentfacultydetails h5 span {}*/

/*.parentfacultysection .parentfacultybox .parentfacultydetails p {}*/

.parentfacultysection {
    padding: 70px 0;
    background: #f7f8fa;
}

.parentfacultybox {
    display: flex!important;
    gap: 2%;
    padding: 0 10px;
}

/* LEFT IMAGE COLUMN */
.parentfacultyimgbox {
    position: relative;
    width: 45%;
    height: 100%;
}

.parentfacultyimg img {
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

.parentfacultyimg2 {
    position: absolute;
    top: 245px;
    right: 0;
    width: 70%;
}

.parentfacultyimg2 img {
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

/* RIGHT CONTENT */
.parentfacultydetails {
    width: 60%;
    height: 500px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 0 10px 0 0;
}

.parentfacultydetails::-webkit-scrollbar {
    width: 5px;
    background: #fff;
}

.parentfacultydetails::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
}

.parentfacultydetails h2 {
    font-size: 32px;
    margin-bottom: 6px;
    color: var(--primary-color);
    font-family: var(--fourth-font);
    font-weight: 500;
}

.parentfacultydetails h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #000000;
}

.parentfacultydetails h5 span {
    font-weight: normal;
    color: #000000;
    display: block;
    font-family: var(--primary-font);
    margin: 5px 0 0;
}

.parentfacultydetails p {font-size: 16px;text-align: justify;margin: 0 0 10px;}

.parentfacultyimgbox .parentfacultyimg {
    width: 80%;
}

.parentvoicesection {
    padding: 50px 0;
}

.parentvoicesection .parentvoicebox {}

.parentvoicesection .parentvoicebox .parentvoicedetails {
    text-align: center;
    width: 70%;
    margin: 0 auto;
}
.parentvoicesection .parentvoicebox .parentvoicedetails .parentvoicedetailsbox {
    height: 250px;
    overflow: hidden;
    overflow-y: scroll;
}
.parentvoicesection .parentvoicebox .parentvoicedetails .parentvoicedetailsbox::-webkit-scrollbar {
    width: 5px;
    background: #fff;
}

.parentvoicesection .parentvoicebox .parentvoicedetails .parentvoicedetailsbox::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
}
.parentvoicesection .parentvoicebox .parentvoicedetails p {
    font-size: 16px;
    font-family: var(--fourth-font);
    margin: 0 0 10px;
}
.parentvoicesection .parentvoicebox .parentvoicedetails h2 {
    font-size: 22px;
    font-family: var(--third-font);
    font-weight: 500;
}
.parentvoicesection .parentvoicebox .parentvoicedetails .parentvoiceimg {
    text-align: center;
    margin: 40px auto 10px;
}

.parentvoicesection .parentvoicebox .parentvoicedetails .parentvoiceimg img {
    width: 15%;
    margin: 0 auto;
}

.communitysection {
    padding: 50px 0;
    background: #ebf9ff;
}

.communitysection .communitybox {
    display: flex!important;
    gap: 5%;
    margin: 0 0 20px;
}

.communitysection .communitybox .communityimgbox {
    width: 35%;
}

.communitysection .communitybox .communityimgbox img {
    width: 100%;
}

.communitysection .communitybox .communitydetails {
    width: 65%;
    text-align: center;
}

.communitysection .communitybox .communitydetails h2 {
    font-size: 32px;
    font-family: var(--third-font);
    font-weight: 600;
    letter-spacing: .5px;
    color: var(--primary-color);
    margin: 0 0 20px;
}

.communitysection .communitybox .communitydetails p {
    font-size: 16px;
    font-family: var(--fourth-font);
    margin: 0 0 10px;
}


.cta-section {
    position: relative;
    padding: 80px 20px;
    background-size: cover;
    background-position: center;
}

.cta-section .cta-overlay {
    max-width: 1200px;
    margin: auto;
    text-align: center;
    padding: 20px 0;
}

.cta-section .cta-overlay .cta-content h2 {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    margin-bottom: 6px;
}

.cta-section .cta-overlay .cta-content p {
    font-size: 20px;
    color: #000;
    margin-bottom: 25px;
}

.cta-section .cta-overlay .cta-content .cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

/* Buttons */
.cta-section .cta-overlay .cta-content .cta-buttons .btn {
    padding: 12px 50px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
}

.cta-section .cta-overlay .cta-content .cta-buttons .btn.btn-pink {
    background: #e91e63;
    color: #fff;
}

.cta-section .cta-overlay .cta-content .cta-buttons .btn.btn-blue {
    background: #1e5bb8;
    color: #fff;
}

.cta-section .cta-overlay .cta-content .cta-buttons .btn :hover {
    opacity: 0.9;
}


/* testimonial page style end */

/* visibility page style start */

.meetourstarsection {
    padding: 60px 0;
    background: #ffffff;
}

.meetourstarsection .slick-track {
    display: flex!important;
    align-items: center;
}

.meetourstarsection .meetourstarbox {
    display: flex!important;
    gap: 40px;
    align-items: center;
    padding: 0 10px;
    justify-content: center;
}


.meetourstarsection .meetourstarbox .meetourstarimage {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.meetourstarsection .meetourstarbox .meetourstarimage img {
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
}

.meetourstarsection .meetourstarbox .meetourstarcontent {
    width: 20%;
    text-align: center;
    color: #222;
}
.meetourstarsection .meetourstarbox .meetourstarcontent p {
    font-size: 18px;
    font-family: var(--fourth-font);
}

.meetourstarsection .meetourstarbox .meetourstarcontent strong {
    font-weight: 700;
}

.achievementsection {
    padding: 80px 0;
    background: #ffffff;
    position: relative;
}
.achievementsectionbox {
    text-align: center;
    padding: 20px;
}
.achievementimages {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 25px;
}

.achievementimages img {
    width: 180px;
    height: 220px;
    object-fit: cover;
    border-radius: 4px;
}

.achievementcontent h3 {
    font-size: 20px;
    font-weight: 700;
    color: #2d1a00;
    margin-bottom: 5px;
    font-family: var(--third-font);
}

.achievementcontent p {
    font-size: 18px;
    color: #000;
    font-family: var(--fourth-font);
}

.achievementsection::before,
.achievementsection::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    background: rgba(0, 150, 136, 0.15);
    border-radius: 50%;
}

.achievementsection::before {
    top: 40px;
    left: 40px;
}

.achievementsection::after {
    bottom: 40px;
    right: 40px;
}

.visibility-section {
  padding: 50px 0;
  background: #ffffff;
}

.visibility-section.spotlightsection {
    background: #f3f3f3;
}

.visibility-section .visibility-box {
}

.visibility-card {
  min-height: 540px;
  background: var(--third-color);
  border-radius: 18px;
  padding: 25px;
  text-align: center;
  px; */
  position: relative;
  margin: 10px;
}

.visibility-card img {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 20px;
}

.visibility-card p {
  font-size: 14px;
  line-height: 1.7;
  color: var(--primary-color);
  position: relative;
  padding: 0 10px;
}
.visibility-card p a {
    padding: 3px 10px;
    background: red;
    width: max-content;
    margin: 10px auto;
    color: #fff;
    border-radius: 5px;
    border: 1px solid red;
    transition: all .3s ease;
}
.visibility-card p a:hover {
    border: 1px solid red;
    background: transparent;
    color: red;
}
/* quotation marks */
.visibility-card p::before {
  content: "“";
  font-size: 40px;
  color: var(--primary-color);
  position: absolute;
  top: -20px;
  left: 0;
}

.visibility-card p::after {
  content: "”";
  font-size: 40px;
  color: var(--primary-color);
  position: absolute;
  bottom: -30px;
  right: 0;
}

.video-section.ourvisibilitypage {
    background: unset;
    padding: 20px;
}

/* visibility page style end */

.uniquetalentsection {
    padding: 30px 0 50px;
}

.uniquetalentsection .uniquetalentsecbox {}

.uniquetalentsection .uniquetalentsecbox .imgbox {
    margin: 0 0 15px;
}

.uniquetalentsection .uniquetalentsecbox .imgbox img {
    width: 100%;
}

.uniquetalentsection .uniquetalentsecbox .uniquetalentdesc {
    padding: 0px 20px;
}

.uniquetalentsection .uniquetalentsecbox .uniquetalentdesc h4 {
    font-size: 20px;
    text-align: center;
    font-family: var(--third-font);
    letter-spacing: .5px;
    font-weight: 400;
}
.uniquetalentsection .uniquetalentsecbox .uniquetalentdesc a {
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    padding: 10px 0;
    position: relative;
    width: max-content;
    margin: 0 auto;
}

.uniquetalentsection .uniquetalentsecbox .uniquetalentdesc a:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 0;
    background: var(--primary-color);
    border-radius: 20px;
    transition: all 0.7s ease;
    bottom: 0;
}

.uniquetalentsection .uniquetalentsecbox .uniquetalentdesc a:hover:before {
    width: 100%;
}
.extraordinarysection {
    padding: 50px 0;
}

.extraordinarysection .extraordinarysecbox {
    display: flex;
    align-items: center;
    gap: 6%;
}

.extraordinarysection .extraordinarysecbox .extraordinarysecleftbox {
    width: 50%;
}

.extraordinarysection .extraordinarysecbox .extraordinarysecleftbox .headingbox {
    margin: 0 auto 20px;
}

.extraordinarysection .extraordinarysecbox .extraordinarysecleftbox .headingbox h2 {
    font-size: 29px;
}

.extraordinarysection .extraordinarysecbox .extraordinarysecleftbox .headingbox h2 span {}

.extraordinarysection .extraordinarysecbox .extraordinarysecleftbox p {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--fourth-font);
    margin: 0 0 10px;
}

.extraordinarysection .extraordinarysecbox .extraordinarysecleftbox .extraordinarybox {}

.extraordinarysection .extraordinarysecbox .extraordinarysecleftbox .extraordinarybox .extraordinaryimg {
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

.extraordinarysection .extraordinarysecbox .extraordinarysecleftbox .extraordinarybox .extraordinaryimg img {
    width: 100%;
    margin: 10px 20px;
    border-radius: 30px;
}

.extraordinarysection .extraordinarysecbox .extraordinarysecleftbox .extraordinarybox .extraordinaryimg h2 {
    font-size: 18px;
    padding: 0 10px;
    font-family: var(--fourth-font);
}

.extraordinarysection .extraordinarysecbox .extraordinarysecrightbox {
    text-align: center;
    width: 50%;
}

.extraordinarysection .extraordinarysecbox .extraordinarysecrightbox .extraordinarybox {}

.extraordinarysection .extraordinarysecbox .extraordinarysecrightbox .extraordinarybox .extraordinaryimg {
    width: 100%;
    margin: 0 auto;
}

.extraordinarysection .extraordinarysecbox .extraordinarysecrightbox .extraordinarybox .extraordinaryimg img {
    width: 100%;
    border-radius: 50px;
    margin: 20px 0;
}

.extraordinarysection .extraordinarysecbox .extraordinarysecrightbox .extraordinarybox .extraordinaryimg h2 {
    font-size: 36px;
    font-family: var(--fourth-font);
}

.extraordinarysection .extraordinaryother {
    margin: 40px 0 20px;
    display: flex;
    flex-wrap: wrap;
}

.extraordinarysection .extraordinaryother .extraordinarybox {
    width: 50%;
    margin: 0 0 20px;
}

.extraordinarysection .extraordinaryother .extraordinarybox .extraordinaryimg {
    width: 50%;
    margin: 0 auto;
}

.extraordinarysection .extraordinaryother .extraordinarybox .extraordinaryimg img {
    width: 100%;
    border-radius: 30px;
    margin: 20px 0;
}

.extraordinarysection .extraordinaryother .extraordinarybox .extraordinaryimg h2 {
    font-size: 18px;
    padding: 0 10px;
    font-family: var(--fourth-font);
    text-align: center;
}

.slick-prev,
.slick-next {
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    transition: all .3s ease;
}

.slick-prev:before,
.slick-next:before{
    font-family: 'FontAwesome';
    color: #ffffff;
}

button.slick-prev{
    left: 3%;
}

.slick-slide {
    height: auto !important;
}

button.slick-next {
    right: 3%;
}

button.slick-next::before {
    content: '';
}

button.slick-prev::before {
    content: '';
}

.slick-prev:hover, 
.slick-prev:focus, 
.slick-next:hover, 
.slick-next:focus{
    color: #fff;
    outline: none;
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.mobheader{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    display: none;
}
.mobheader .moblogo{width: 20%;}
.mobheader .moblogo img{width: 100px;}
.mobheader .mobtoggle{
    color: #000;
    width: 25px;
    height: 20px;
    position: relative;
    z-index: 1;
}
.mobheader .mobtoggle span{
    width: 25px;
    height: 1px;
    background: #000;
    display: inline-block;
    position: absolute;
    right: 0;
}
.mobheader .mobtoggle span:nth-child(1){}
.mobheader .mobtoggle span:nth-child(2){margin: 8px 0 0;}
.mobheader .mobtoggle span:nth-child(3){
    margin: 16px 0 0;
}
.mobsearch-box{
    width: 40px;
    height: 40px;
    border: 1px solid var(--primary-color);
    padding: 8px;
}
.mobsearch{
    width: 30px;
    height: 23px;
    position: relative;
    z-index: 1;
    display: none;
}
.mobsearch span{
    display: inline-block;
    position: absolute;
    z-index: 1;
}
.mobsearch span:nth-child(1){
    width: 18px;
    height: 18px;
    border-radius: 50px;
    border: 1px solid #000;
    top: 0;
    left: 0;
}
.mobsearch span:nth-child(2){
    width: 1px;
    height: 10px;
    background: #000;
    top: 14px;
    left: 60%;
    transform: rotate(-42deg);
}
.mobheader .mobheader-right{
    display: flex;
    align-items: center;
    gap: 15px;
}

.mobmenu{
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    z-index: 9999;
    background: var(--third-color);
    transition: .3s linear;
    overflow: auto;
}
.mobmenu.active{
    box-shadow: -2px 0 10px 0 #0000002e;
    right: 0;
}
.mobmenu .close-mobmenu{
    position: absolute;
    top: 10px;
    left: 10px;
    color: #000;
    font-size: 22px;
}

.mobmenuhead{text-align: center;padding: 15px 10px;border-bottom: 1px solid #ddd;}
.mobmenuhead h3{font-size: 16px;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;}
.mobul{
    padding: 15px 0;
}
.mobul .mobli{
    padding: 0 0 10px;
}
.mobul .mobli .moba{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000000;
    font-size: 16px;
    letter-spacing: .5px;
    font-weight: 500;
    padding: 0 15px 10px;
}
.mobsmneu{
    padding: 0;
    display: none;
    background: var(--primary-color);
}
.mobsmneu .mobslist{
    padding: 5px 0 0;
}
.mobsmneu .mobslist .mobslink{
    font-size: 15px;
    letter-spacing: .4px;
    padding: 5px 20px 10px;
    color: #fff;
}

.mobileview {
    display: none;
}