@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Quicksand:wght@300..700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: 'Poppins', sans-serif;
}
.f-light{
 font-family: "Manrope", sans-serif;
 font-weight: 400;
}
.f-regular{
  font-family: "Manrope", sans-serif;
  font-weight: 400;
}
.f-medium{
 font-family: "Quicksand", sans-serif;
 font-weight: 500;
}
.f-semibold{
 font-family: "Quicksand", sans-serif;
 font-weight: 600;
}
.f-bold{
 font-family: "Quicksand", sans-serif;
 font-weight: 700;
}
h1, h2, h3, h4, h5, h6{
    font-family: "Quicksand", sans-serif;
}
a{
  font-family: "Manrope", sans-serif;  
}
body a:hover{
  text-decoration: none;
  color: #fff;
}
body li{
  list-style: none;
}
.f-light{

  font-weight:400;
}
.f-regular{

   font-weight:400;
}
.f-medium{

  font-weight:500;
}
.f-semibold{

  font-weight:600;
}
.f-bold{

  font-weight:700;
}
.f-Extrabold{

    font-weight:800;
}
.f-black{

  font-weight:900;
} 
p{
    font-family: "Manrope", sans-serif;
}
a {
  text-decoration: none;
}
button:focus {
  outline: 0;
  box-shadow: none;
}
header {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 5;
  height: 75px;
  padding: 0px 0 0px;;
  transition: all 0.3s ease-in-out;
  background: #fff;
}
/*header.shrink{
  animation: 0.3s 0.3s fadeInDown both;
  background: #fff;
  box-shadow: 0px 2px 10px #00000059;
}*/
.heads-up {
    transform: translateY(-6rem);
    transform: translate3d(0,-6rem,0);
}
header.shrink .navbar-expand-md .navbar-nav .nav-item:nth-child(11) .nav-link{
  color: #fff;
}
header .container {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
header .header {
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  z-index: 1;
  position: relative;
}
header .header-white {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
header .mobile-navbar {
    position: relative;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
}
.navbar-expand-md {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0px 0 8px;
}
.navbar-expand-md .navbar-nav .nav-link {
    font-size: 15px;
    color: #fff;
    padding: 0;
    /* margin-right: 12px; */
    transition: all 0.3s ease-in-out;
    position: relative;
    color: #000;
    font-weight: 600;
    margin: 0px 10px;
    margin-top: 5px;
    position: relative;
    padding: 0px 8px;
}
.navbar-expand-md .navbar-nav .nav-link::before
{
    background: transparent linear-gradient(270deg, #FFFFFF 0%, #FF4343 40%, #00BEF7 100%) 0% 0% no-repeat padding-box;
    height: 3px;
    width: 0%;
    position: absolute;
    content: "";
    bottom: -18px;
    left: 6px;
    transition: all 0.4s;
}
/*.navbar-expand-md .navbar-nav .nav-link.active:before,
.navbar-expand-md .navbar-nav .nav-link:hover:before {
    width: 100%;
}
.navbar-expand-md .navbar-nav .nav-item:last-child .nav-link:before,
.navbar-expand-md .navbar-nav .nav-item:nth-child(7) .nav-link:before{
    display: none;
}*/
header .navbar-expand-md .navbar-nav .nav-link.active, header .navbar-expand-md .navbar-nav .nav-link:hover {
    color: #FC1002;
}
.navbar-brand {
    position: absolute;
    top: 3px;
    left: 0;
    padding: 0;
}
.navbar-brand img {
    width: 78%;
}
.foot-top .common-btn{
    background: #000;
    color: #fff;
    z-index: 1;
}
.main-footer .footer-wrapp {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 36px;
}
footer{
    position: relative;
}
.main-footer {
    background: #000;
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 50px 0px;
    background: url(../images/footer-bg.webp);
    background-repeat: no-repeat;
}
.btm-strip {
    background: #F6D469;
    color: #000;
}
.btm-strip p {
    color: #000;
    font-size: 15px;
    font-weight: 400;
}
a.top-arrow {
    background: #5A6162;
    position: absolute;
    right: -55px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    transform: rotate(270deg);
} 
.column:nth-child(1) {
    width: 34%;
    margin-right: 0;
}
.column:nth-child(1) p {
    color: #fff;
    margin-top: 20px;
    font-size: 15px;
    line-height: 22px;
    width: 89%;
    font-weight: 400;
    margin-bottom: 0;
}
.social-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0px;
}
.social-box a:hover {
    background: #d80d02;
    color: #fff;
}
.social-box a{
    transition:all 0.5s ease-in-out;
}
.social-box .twitter, .social-box .insta, .social-box .facebook, .social-box .linkedin {
    color: #fff;
    font-size: 29px;
    margin-right: 23px;
}
.footer-logo {
 background: #fff;
 padding: 10px 20px;
 box-shadow: 0px 0px 93px #00000029;
 border-radius: 6px;
 margin-top: -26%;
}
.column:nth-child(2) {
    width: 18%;
    position: relative;
}
.column h4 {
    color: #fff;
    font-size: 1.146vw;
    font-weight: 600;
    margin-bottom: 14px;
}
.column:nth-child(3) {
    width: 22%;
}
.column:nth-child(4) {
    width: 27%;
}
.column:nth-child(5) {
    width: 20%;
}
.column:nth-child(5) p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: 13px 0px;
}
.column a {
    display: block;
    padding-bottom: 7px;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.Contact-wrapper a img{
    margin-right: 10px;
}
.Contact-wrapper a{
    display: flex;
    align-items: center;
    color: #90A0AA;
}
.footerlogo {
    width: 55%;
}
.column:nth-child(1) img {
    width: 45%;
}
.column p {
    color: #FFFFFF;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom:0px;
}
footer a,
footer p{
    color: #a8a4a4;
    font-size: 16px;
}
footer p{
    margin-bottom: 0;
}
.common-btn {
    width: fit-content;
    height: 46px;
    background: #FC1002;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    transition: all 0.3s ease-in-out;
    position: relative;
    /* text-transform: uppercase; */
    transform: perspective(1px) translateZ(0);
    transition-duration: 0.3s;
    overflow: hidden;
    outline: none;
    border-radius: 30px;
    cursor: pointer;
    padding: 10px 20px;
    border:0px;
}
.common-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#efce66;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: all 0.3s ease-in-out;
    color: #fff;
}
.address-wrapper {
    display: flex;
    align-items: flex-start;
    margin-top: 24px;
}
.common-btn:hover{
    border:0px !important;
    color:#000;
}
.common-btn:hover:before{
    transform:scaleX(1);
}

.footer-contact a {
    padding-bottom: 0px !important;
}
.footer-contact span {
    padding-right: 5px;
    color: #5EC434;
}
.btm-strip .container {

    padding: 16px 15px 16px 15px;
    position: relative;
}
.btm-strip a, .btm-strip a:hover {
    font-size: 14px;
    color: #000;
}
.navbar-expand-md .navbar-nav .nav-item:nth-child(7) .nav-link {
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 9px 30px;
    color: #00339C;
    font-size: 13px;
    margin-top: 16px;
}
.home-slider h2 {
    font-size: 50px;
    text-align: left;
    color: #fff;
    font-family: "Quicksand", sans-serif;
    font-weight:700;
    width:60%;
}
.caption-left {
    position: absolute;
    top: 40%;
}

.caption-left p {
    font-family: "Manrope", sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.slider-section {
    position: relative;
    margin-top: 30px;
}
.slider-section .owl-dots {
    position: absolute;
    bottom: 1%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.slider-section .owl-theme .owl-dots .owl-dot span {
    background: #FFFFFF8A;
    width: 15px;
    height: 15px;

}
.slider-section .owl-theme .owl-dots .owl-dot.active span {
    background: #FC1002;

}

.slider-section .owl-nav {
    position: absolute;
    top: 50%;
    right: 6%;
}
.slider-section .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #fcfcfc9c;
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 10px;
    padding-left: 5px;
}
.slider-section .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #fcfcfc9c;
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 10px;
    padding-left: 5px;
}
.slider-section .owl-next span i {
    transform: rotate(-90deg);
    display: block;
    color: #fff !important;
    font-size: 28px;
    padding-left: 8px;
    padding-top: 0px;
}
.slider-section .owl-prev span i {
    transform: rotate(270deg);
    display: block;
    color: #fff !important;
    font-size: 28px;
    padding-left: 8px;
    padding-top: 0px;
}
.slider-section .owl-prev {
    top: 100%;
    position: absolute;
}

.slider-section .owl-next {
    position: absolute;
    bottom:0px;
}
.about {
    padding: 90px 0px 30px;
    background: url(../images/about-sec-banner.webp);
    background-repeat:no-repeat;
    position:relative;
}
.subheading{
    color:#2976C7;
    font-size:18px;
    font-weight: 700;
}
.join-us .accordion-button:not(.collapsed)::after {
    background-image: url(../images/down-arrow.svg) !important;
    background-size: 20px 20px;
    transform:none !important;
}
.join-us .accordion-button::after{
  background-image: url(../images/right-arrow.svg) !important;
    background-size: 20px 20px;
    transform:none !important;  
}
.join-us .accordion-button {
    font-weight: 600;
    font-size: 17px;
}
.programs .item {
    padding: 25px;
    background:#fff;
    border-radius:20px;
    position:relative;
    transition:all 0.5s ease-in-out;
    margin-bottom: 20px;
    margin-top:20px;
    border: 1px solid #fff;
    
}
.programs .item img{
    border-radius:20px;
}
.programs .item:hover .common-btn{
    background:#dc281e;
}
.programs {
    background: #FFF9E5;
    padding: 80px 0px;
}
.programs {
    color:#2976C7;;
}

.content-program h5 {
    padding-top: 15px;
    color: #2976C7;
}

.content-program p {
    color: #000;
    margin-bottom: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.heading{
    color:#000;
    font-family: "Quicksand", sans-serif;
    font-size: 2.083vw;
}
.programs .owl-nav {
    position: absolute;
    top: -30%;
    right: 8%;
}
.programs {
    background: url(../images/programes-bg.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.programs .item .pro-title, .mission-single .item .pro-title{
    position: absolute;
    background: #fff;
    color: #FC1002;
    padding: 7px 15px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 30px;
    top: 35px;
    left: 30px;
    z-index: 1;
}
.programs .owl-theme .owl-nav [class*=owl-], .insights .owl-theme .owl-nav [class*=owl-], .approach .owl-theme .owl-nav [class*=owl-], .carousel-track.owl-theme .owl-nav [class*=owl-], 
.teams .owl-theme .owl-nav [class*=owl-]{
    color: #FFF;
    font-size: 12px;
    margin: 5px;
    padding: 4px 7px;
    background: #FC1002;
    display: inline-block;
    cursor: pointer;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.programs .owl-nav, .carousel-track .owl-nav{
    display:flex;
}
.approach .owl-nav {
    display: flex;
    position: absolute;
    top: 27%;
    left: -146%;
}
.insights .owl-nav {
    display: flex;
    position: absolute;
    top: 80%;
    left: -56%;
}
.content-program .common-btn {
    position: absolute;
    bottom: 0px;
    margin-top: 30px;
    border-radius:0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background:#323232;

}
.mission-single .common-btn span {
    margin-left: 10px;
}
.programs .owl-stage{
    padding-left:0px !important
}

.programs-slider{
    padding-left:7%;
}
.join-us .container {
    /* background: #efefef; */
    padding: 50px 70px;
    border-radius: 20px;
    width: 100%;
    margin: 0 auto;
    background: url(../images/join-usbg.webp);
}
.join-us {
    padding: 70px 0px;
}

.join-us img{
    border-radius:20px;
}
.joinus-content{
    padding-left:55px;
}

.join-us .accordion-button:not(.collapsed) {
    color: #FC1002 !important;
    background-color:#fff !important;
    font-weight: 500;
}

.join-us .accordion-item {
    margin-bottom: 25px;
    /* box-shadow: 0px 0px 22.3px 0px #00000040; */
    border-radius: 15px;
    overflow: hidden;
    border: 0px;
}

.insights-wrapp {
    display: flex;
    flex-wrap: wrap;
}
.insights .insights-single:nth-child(1) {
    width: 40%;
    padding-left:7%;
    padding-right:20px;
}

.insights .insights-single:nth-child(2) {
    width: 60%;
}

.insights .owl-stage{
    padding-left:0px !important
}
.insights {
    background: url(../images/insight-bg.webp);
    color: #fff;
    padding: 70px 0px;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.insights .heading, .insights .subheading{
    color:#fff;
}
.content-insights {
    padding-top: 20px;
}

.insights-single .img-box img {
    border-radius: 35px;
}
.content-insights .read-more span {
    font-size: 10px;
}
.content-insights .read-more {
    color: #fff;
}

.insights-single .item:hover .read-more{
    color:#FC1002;
}
.counter-wrapp {
    display: flex;
    align-items: center;
    justify-content: center;
}
.counter-single{
    text-align:center;
    width:25%;

}

.counter-wrapp{
    gap:35px;
}
.counter {
    padding-top: 60px;
}
.counter-single h4{
    margin-top:10px;
}

.counter-single h4.red{
    color: #fc1002;
}

.counter-single h4.blue{
    color: #2976c7;
}

.counter-single h4.yellow{
   color: #f6d469;
}

.counter-single h4.green{
   color:#50f1fe;
}
.teams-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.content-teams {
    background: #F4F4F4;
    padding: 10px 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align:center;
    transition:all 0.5s ease-in-out;
}

.teams-wrapper img{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.content-teams h5{
  color:#FC1002;  
}

.content-teams p{
    margin-bottom:0px;
}
.teams {
    padding: 70px 0px;
    background: url(../images/about-sec-banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.gallery-wrap{
    display:flex;
    gap:20px;
    flex-wrap: wrap;
}
.gallery-single {
    width: 32%;
    margin-bottom: 25px;
}
.gallery-list {
    width: 32%;
}
.column:nth-child(4) img {
    margin-right: 10px;
}
.social-box a {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0px;
    margin: 0px 10px;
    border-radius: 50px;
    color: #fff;
    padding-top: 3px;
}

.gallery {
    padding: 70px 0px 0px;
}


.common-btn span {
    font-size: 17px;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 1px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #FC1002;
    border-radius: 40px;
    margin-right: 10px;
}

.programs .common-btn span {
    margin-left: 10px;
    margin-right: 0px;
}
.programs .common-btn span {
    margin-left: 10px;
    margin-right: 0px;
    background: transparent;
    transform: rotateZ(-33deg);
    color: #fff;
    font-size: 11px;
    margin-left: 3px;
}
.breadcum {
    position: relative;
    margin-top: 50px;
}
.breadcum .parallax-container {
    position: relative;
    overflow: hidden;
}
.breadcum .parallax-parent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.breadcum .parallax-content {
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.breadcum .main-img {
    width: 100%;
    object-fit: cover;
}
.caption-heading {
    position: absolute;
    top: 30%;
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    text-align: center;
    color: #fff;
}
.breadcum h1 {
    font-size: 50px;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}
.bredcrum-list a{
    color: #000;
    font-size: 15px;
}
.bredcrum-list .slash{
    color: #fff;
}
.bredcrum-list span{
    color: #000;
    font-size: 15px;
}
.bredcrum-list {
    position: absolute;
    bottom: 38%;
    width: auto;
    /* left: 7%; */
    padding: 11px 20px 9px;
    color: #fff;
    /* text-align: left; */
    left: 6%;
    font-weight: 600;
}
.left-side.nav-box.sticky {
    border: 1px solid #5151514D;
    padding: 0px 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    /*border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;*/
    width: 90%;
}
.services{
    padding:70px 0px;
}
.services .nav-tabs a {
    color: #000;
    font-weight: 500;
}
.services ul#myTab li {
    width: 100%;
}
.services a.nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 35px;
}
.services a.nav-link.active{
    color:#FC1002;
}
.services a.nav-link span{
    font-size:10px;
}

.services .nav-tabs .nav-item.show .services .nav-link, .services .nav-tabs .nav-link.active{
    border:0px !important;
}

.services .nav-tabs .nav-link:focus, .services .nav-tabs .nav-link:hover{
    border:0px  !important;
}

.services .nav-tabs{
    border-bottom:0px;
}

.services .tab-content>.tab-pane {
    border: 0px;
}
.services .tab-content>.tab-pane .img-box {
    margin-bottom: 20px;
}
.services h3 {
    background: #FC1002;
    color: #fff;
    text-align: center;
    font-size: 23px;
    padding: 10px 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.carousel-wrapper {
    position: relative;
/*    overflow: hidden;*/
padding-left: 8%;
}
.carousel-track {
  display: flex;
  transition: transform 0.5s ease;
  gap: 20px;
}

.carousel-slide {
 flex-shrink: 0;
 border-radius: 12px;
 padding: 15px;
 opacity: 0.5;
 transition: transform 0.3s ease, opacity 0.3s ease;
 display: flex;
 flex-direction: column;
 transform: scale(0.95);
}
.carousel-slide {
  opacity: 1;
  flex-direction: row;
  align-items: center;
  background-color: transparent;
}
.carousel-slide img {
    width: 30% !important;
}
/*.carousel-slide.active img {
    width: 30%;
}*/
.carousel-slide img {
    width: 100%;
}
/*.carousel-slide.active {
  opacity: 1;
  transform: scale(1);
}*/

.carousel-slide img {
    border-radius: 12px;
    margin-bottom: 10px;
}
/*.carousel-slide.active:hover {
  transform: scale(1.03);
}*/
.carousel-slide .content {
    padding-left: 90px;
    width: 73%;
    margin-right: 7%;
}


.title {
    font-size: 33px;
    font-weight: bold;
    color: red;
    margin-bottom: 8px;
    font-family: "Quicksand", sans-serif;
    width: 65%;
    line-height: 41px;
}

.description {
  color: #444;
  margin-bottom: 10px;
}

.read-more {
  color: red;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  font-family: "Quicksand", sans-serif;
}

.read-more:hover {
  text-decoration: underline;
  color:#2976C7;
}

.nav-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    position: absolute;
    top: -36%;
    right: 7%;
}

/*.slider-section .owl-theme .owl-nav [class*=owl-]{
    background-color: red;
    color: white;
    border: none;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 12px;
    cursor: pointer;
    padding-top: 3px;
}*/
.stories {
    background: #FFF9E5;
    padding: 70px 0px;
    background-image: url(../images/stories-bg.webp);
    background-color: #FFF9E5;
}
.stories-no-bg{
    background-image:none;
    background:#fff;
}
.carousel-slide .fa {
    font-size: 40px;
    color: #2976C7;
    margin-bottom: 20px;
}
.column h4:before {
    position: absolute;
    content: "";
    width: 26%;
    height: 3px;
    background: red;
    top: 28px;
    background: url(../images/footer-links-element.svg);
    background-size: cover;
    left: 4px;
    z-index: 1;
}

.column h4{
    position:relative;
}
.img-box, .gallery-single{
 position:relative;
 overflow:hidden;
 border-radius: 20px;
}
.img-box img, .gallery-single img {
  transition: all 0.5s;
/*  aspect-ratio: 350 / 233;*/

}
.img-box:hover img, .gallery-single:hover img {
  transform: scale(1.05);
}
header .social-box a {
    color: #d80d02;
    border:1px solid #d80d02;
}
header.shrink {
    box-shadow: 0 2px 15px rgba(0, 0, 0, .1) !important;
}
.mission {
    padding: 70px 0px;
}
.mission-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}
.mission-single {
    width: 31%;
    position: relative;
    padding: 20px 20px;
    border: 1px solid #ccc;
    border-radius: 20px;
    transition:all 0.5s ease-in-out;
}
.mission-single:hover{
border: 1px solid #fc1002;
box-shadow: 0px 0px 22.3px 0px #00000040;
}
.contact-wrapp {
    display: flex;
    align-items: center;
    background: #ccc;
    padding: 30px 30px;
}
.contact-single{
    display:flex;
}
.contact-wrapp .contact-single:nth-child(1), .contact-wrapp .contact-single:nth-child(2) {
    width: 45%;
    border-right: 1px solid #5151514D;
    margin-right: 25px;
    padding: 20px 0px;
}
.contact-wrapp .contact-single:nth-child(2){
    border-right:0px;
}
.contact-wrapp .contact-single:nth-child(3){
    width:40%;
}

.contact-list a, .contact-list a:hover {
    display: block;
    color: #515151;
}
.contact-single .contact-list {
    padding-left: 25px;
    width: 80%;
}

.contact-wrapp .contact-single:nth-child(1) .contact-list h4{
    color: #2976c7;
}

.contact-wrapp .contact-single:nth-child(2) .contact-list h4{
    color:#fc1002;
}
.contact-wrapp .contact-single:nth-child(3) .contact-list h4{
    color:#323232;
}
.contact-wrapp .contact-single:nth-child(3) .contact-list {
    width: 80% !important;
}
.contact-wrapp {
    display: flex;
    background: url(../images/contact-bg.webp);
    padding: 30px 30px;
    border-radius: 20px;
    align-items: flex-start;
    justify-content: center;
}
.contact {
    padding: 70px 0px;
}
.contact-form .form-control {
    padding: 14px 20px;
    margin-bottom: 20px;
}
.contact-form .form-box {
    padding-right: 16%;
    padding-left: 10px;
    padding-top: 10%;
    padding-bottom: 10%;
}
.focus-wrapp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:20px;
}

.focus-area {
    text-align: center;
    width: 30%;
}

.focus-area p{
    font-size:17px;
    color:#FC1002;
    margin-top:5px;
}
.about h6 {
    font-size: 20px;
    color: #2976C7;
    margin-bottom: 15px;
}
.approach {
    background: #FFF9E5;
    padding: 60px 0px;
    position: relative;
    background: url(../images/stories-bg.webp);
}
.vision-wrapp {
    display: flex;
    width: 62%;
    background: #fff;
    padding: 35px 25px;
    gap: 15px;
    border-radius: 20px;
    position: absolute;
    bottom: 3%;
    z-index: 1;
}
.vision-single {
    display: flex;
    align-items: flex-start;
}

.vision-single img{
    padding-right:10px;
}
.vision-single h5 {
    font-weight: 700;
    color: #2976c7;
    font-size: 23px;
}
.approch-points li {
    list-style: disc;
    margin-bottom: 10px;
}
.approch-points {
    padding: 70px 0px;
}
.app-wrapp {
    display: flex;
    flex-wrap: wrap;
    gap:30px;
}
.app-single {
    width: 45%;
    box-shadow: 0px 0px 7px 0px #00000040;
    border-radius: 20px;
    padding: 25px 25px;
    text-align: center;
    background: #fff;
    color: #000;
    transition:all 0.5s ease-in-out;
    position:relative;
    z-index:1;
}
.app-wrapp .app-single:nth-child(1):hover h5, .app-wrapp .app-single:nth-child(1):hover p{
color: #fff;
}
.app-single:hover .awareness-bg, .app-single:hover .hunger-bg, .app-single:hover .educational-bg, .app-single:hover .campaigns-bg{
      opacity:1;
      z-index: -1;

}
.app-single .awareness-bg, .app-single .hunger-bg, .app-single .educational-bg, .app-single .campaigns-bg{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    opacity:0;
    border-radius:20px;
    transition:all 0.5s ease-in-out;
}
.approch-points ul li {
    color: #fadd84;
}
.approch-points ul {
    margin-bottom: 45px;
}
.app-wrapp .app-single:nth-child(1) h5 {
    color:#2976C7;
}
.app-wrapp .app-single:nth-child(1):hover .svg-img{
filter: invert(99%) sepia(72%) saturate(2%) hue-rotate(139deg) brightness(113%) contrast(100%);
}
.app-wrapp .app-single:nth-child(2):hover .svg-img{
filter: invert(30%) sepia(100%) saturate(0%) hue-rotate(74deg) brightness(157%) contrast(203%);
}
.app-wrapp .app-single:nth-child(3):hover .svg-img{
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(247deg) brightness(103%) contrast(103%);
}
.app-wrapp .app-single:nth-child(2) h5 {
    color: #fc1002;
}
.app-wrapp .app-single:nth-child(2):hover h5, .app-wrapp .app-single:nth-child(2):hover p {
    color: #fff;
}
.app-wrapp .app-single:nth-child(3) h5 {
    color: #f6d469;
}
.app-wrapp .app-single:nth-child(3):hover h5, .app-wrapp .app-single:nth-child(3):hover p{
    color: #000;
}


.partners-new-slider img {
    width: auto !important;
    height:60px;
}

.partners-new-slider .item{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0px 35px;
}
.partners {
    padding: 120px 0px;
    text-align: center;
    background: url(../images/stories-bg.webp);
}
.approch-points {
    padding: 70px 0px;
    background: url(../images/approch-bg.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color:#fff;
}

.approch-points .heading{
    color:#fff;
    margin-bottom:20px;
}
.approch-points .subheading{
    color:#fff;
    margin-bottom:20px;
}

.bredcrum-list span {
    color: #fff;
}
.bredcrum-list a{
    color:#fff;
}
.img-box{
 position:relative;
 overflow:hidden;
 border-radius: 20px;
}
.img-box img {
  transition: all 0.5s;
/*  aspect-ratio: 350 / 233;*/

}
.img-box:hover img {
  transform: scale(1.05);
}

.insights-sec .insights-single {
    width: 33%;
}
.insights-sec {
    padding: 70px 0px;
}
.insights-sec .insights-single {
    width: 31.8%;
}
.insights-sec .insights-wrapp {
    gap: 25px;
}

.gallery-sec {
    padding: 70px 0px;
}

.common-page{
    padding:70px 0px;
}
.counter-single img{
 height:70px;
}
.sitemap a {
    display: block;
    color: #000;
    margin-bottom: 10px;
}
.sitemap a:hover{
    color:#000;
}
.sitemap {
    padding: 70px 0px;
}
.services a.nav-link:focus {
    border: 0px !important;
}
.insights-details .container {
    padding: 70px 0px;
    width: 70%;
    margin: 0 auto;
}
.insights-details h4 {
    margin-top: 20px;
    font-size: 33px;
    line-height: 40px;
}
.programs .item:hover {
    border: 1px solid #fc1002;
    box-shadow: 0px 0px 22.3px 0px #00000040;
}
.teams-single .img-box {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.teams-single:hover .content-teams {
    background: #2976C7;
}

.teams-single:hover .content-teams h5, .teams-single:hover .content-teams p{
    color:#fff;
}
.mission-single:hover .common-btn{
    background:#dc281e;
}

.mission-single .common-btn span {
    margin-left: 10px;
    margin-right: 0px;
    background: transparent;
    transform: rotateZ(-33deg);
    color: #fff;
    font-size: 13px;
    margin-left: 3px;
}

.column:nth-child(2) .fa, .column:nth-child(3) .fa{
    padding-right:5px;
} 

.join-us .accordion-item:has(.accordion-collapse.show) {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  transition: box-shadow 0.3s ease;
}
.insights-sec .insights-single .read-more {
    color: #000;
}
.insights-sec .insights-single:hover .read-more {
    color: #FC1002;
}
.contact-form {
    background: url(../images/contact-sec-bg.webp);
    background-size: cover;
}
.about-element {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.app-single .svg-img {
    margin-bottom: 10px;
}
.iti {width: 100%;}

.red{
color:#FC1002;
}
.insights .insights-single p {
    font-size: 19px;
}
.insights .insights-single .content-insights p {
    font-size: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content-insights span.d-block {
    color: #fc1002;
}
footer .social-box {
    margin-top: 10px;
}
.social-box a:hover {
    color: #fff !important;
}

 .navbar .nav-link {
    font-size: 15px;
    padding: 0;
    /* margin-right: 12px; */
    transition: all 0.3s ease-in-out;
    position: relative;
    color: #000 !important;
    font-weight: 600;
    margin: 0px 10px;
    margin-top: 5px;
    position: relative;
    padding: 0px 8px;
}

.navbar .nav-link:hover{
margin-top: 5px !important;
}


.navbar a, .navbar a:focus {
    font-size: 15px;
    margin: 0px 10px;
    margin-top: 5px;
    font-weight: 600;

}
#header .logo h3 {
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: 600;
    padding-left: 15px;
}
#header .logo img {
    border-right: 1px solid;
    padding-right: 5px;
}
#header .logo {
    font-size: 30px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 700;
    display: flex;
    color: #FC1002;
    align-items: center;
    position: relative;
    top: 2px;
}

.slider-section .carousel-track .owl-nav {
    position: absolute;
    top: -25% !important;
    right: 12% !important;
}
.mission-detail {
    padding: 70px 0px;
}
.container.mission-counter .counter-single {
    display: flex;
    /* width: 39%; */
    align-items: center;
}
.container.mission-counter .counter-single img.counter-icons {
    width: 70px;
    height: 70px;
    margin-top: 20px;
    object-fit: cover;
}
.container.mission-counter .counter-single h4 {
    font-size: 35px;
    text-align: left;
    margin-bottom:0px;
}
.container.mission-counter .counter-single .text-counter {
    width:70%;
    padding-left:10px;
}
.container.mission-counter .counter-single .img-div {
    width: 40%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.mission-counter .counter-single p{
    text-align:left;
    margin-bottom:0px;
}
.mission-detail .img-box {
    margin-right: 35px;
}
.carousel-track .owl-nav {
    position: absolute;
    top: -37%;
    right: 10%;
}

.home-page .testimonials, .home-page .gallery, .home-page .faq {
     border-top: 0px !important; 
}

.what-wedo {
    padding: 70px 0px;
    background-image: url(../images/stories-bg.webp);
    background-color: #FFF9E5;
}

.circle h4 {
    position: absolute;
    font-size: 47px;
    top: 25%;
    width: 9%;
    text-align: center;
    left: 45%;
}
.circle img{
    margin:0 auto;
    display:block;
}
.circle{
    position:relative;
    margin-top: -150px !important;
    margin:0 auto;
}
.what-wedo .m-auto {
    margin: 0 auto;
    display: block;
}
.what-wedo-div {
    position: relative;
    margin-top: 18%;
}

.light-bluecircle {
    position: absolute;
    top: 3%;
    left: 7%;
}
.red-circle {
    position: absolute;
    top: -44%;
    left: 21%;
}
.yellow-circle {
    position: absolute;
    top: -46%;
    left: 55%;
}
.blue-circle {
    position: absolute;
    top: 4%;
    right: 17%;
}
.light-bluecircle p {
    position: absolute;
    top: 60%;
    font-size: 18px;
    font-weight: 600;
    width: 55%;
    text-align: center;
    left: -22%;
}
.red-circle p {
    position: absolute;
    top: 60%;
    font-size: 18px;
    font-weight: 600;
    width: 55%;
    text-align: center;
    left: -22%;
}
.yellow-circle .lines-right {
    position: absolute;
    right: -78%;
    top: 50%;
}
.yellow-circle p {
    position: absolute;
    top: 66%;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    right: -130%;
}

.blue-circle .lines-right {
    position: absolute;
    right: -78%;
    top: 50%;
}
.blue-circle p {
    position: absolute;
    top: 66%;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    right: -130%;
}

.icons-bluecircle {
    position: absolute;
    top: 32%;
    left: 58%;
/*    filter: invert(60%) sepia(98%) saturate(404%) hue-rotate(133deg) brightness(89%) contrast(84%);*/
}

.icons-redcircle {
    position: absolute;
    top: 34%;
    left: 60%;
/*    filter: invert(77%) sepia(45%) saturate(3883%) hue-rotate(348deg) brightness(112%) contrast(98%)*/
}

.icons-yellowcircle {
    position: absolute;
    top: 31%;
    left: 32%;
/*    filter: invert(29%) sepia(31%) saturate(3883%) hue-rotate(348deg) brightness(112%) contrast(88%);*/
}

.icons-dbluecircle {
    position: absolute;
    top: 32%;
    left: 35%;
/*    filter: invert(50%) sepia(128%) saturate(564%) hue-rotate(208deg) brightness(114%) contrast(66%);*/
}
.gallery-slider .img-box {
    border-radius: 0px;
}

.container.mission-counter .counter-single .img-div .counter-icon-bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: auto;
    left: 0px;
    top: 0px;
}

.mobile-block{
    display:none;
}
.common-page h1 {
    display: none;
}
.social-box a:focus {
    padding-left: 0px;
    padding-right: 0px;
    align-items:center;
    justify-content: center;
    padding-top: 3px;
}
.teams-single {
    box-shadow: 0 2px 15px rgba(0, 0, 0, .1) !important;
    border-radius: 20px;
    margin-top: 20px;
}
.strip-pages {
    text-align: center;
}
.content-teams h5 {
    margin-bottom: 2px;
}
.back-to-top {
    right: 15px !important;
    left:auto !important;
}

.teams .team-slider {
    width: 90%;
    margin: 0 auto;
}
.slider-nav h3 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slider-nav .slick-slide {
    cursor: pointer;
}

.slider.slider-nav .img-box {
    padding: 0px 10px;
    margin-top:20px;
}

.slick-prev{
    color: #FFF;
    font-size: 12px;
    margin: 5px;
    padding: 4px 7px;
    background: #FC1002;
    display: inline-block;
    cursor: pointer;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: -5%;
}

.slick-next{
    color: #FFF;
    font-size: 12px;
    margin: 5px;
    padding: 4px 7px;
    background: #FC1002;
    display: inline-block;
    cursor: pointer;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: -5%;
}

.what-wedo-title{
    display:flex;
    align-items:center;
    justify-content: space-between;
}
.teams .owl-prev {
    position: absolute;
    left: -5%;
    top: 45%;
}
.teams .owl-next {
    position: absolute;
    right: -5%;
    top: 45%;
}

.slider.slider-nav .img-box {
    padding: 0px 0px;
    margin-top: 0px;
    display: none;

}