.categories-section .section-header{text-align:center;padding-bottom:3.8vw;}
.categories-section{padding-top:7.9vw;padding-bottom:7.9vw;}
.categories-section .section-header .title{position:relative;margin-bottom:1.3vw;}
.categories-section .section-header .title .title-bg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:6.25vw;color:#101010;opacity:5%;letter-spacing:0.19vw;line-height:1;z-index:-1;font-weight:bold;}
.categories-section .section-header .title .title-foreground{font-size:2.865vw;line-height:1.33;color:#101010;font-weight:600;letter-spacing:0.081vw;display:block;}
.categories-section .section-header .border svg{width:4.8vw;height:0.16vw;display:block;margin:0 auto 0 auto;}
.categories-section .section-header .title .title-foreground .highlight{color:#F27420;font-weight:600;}
.categories-section .subtitle{color:#7F7F88;font-size:1.25vw;letter-spacing:0.038vw;font-family:'Poppins';font-weight:500;line-height:1;margin:0 0 0.38vw;}
.category-cards{padding:0 2.9vw;display:flex;flex-wrap:wrap;justify-content:space-between;}
.category-cards .category-card{width:calc(20% - 1.4vw);position:relative;}
.category-cards .category-card figure{position:relative;padding-top:193%;display:block;margin:0;overflow:hidden;border-radius:0.3vw;box-shadow:0.2vw 0.64vw 2.4vw #00000029;}
.category-cards .category-card figure::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;border-radius:0.3vw;overflow:hidden;opacity:10%;}
.category-cards .category-card figure img{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;}
.card-content{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;}
.bottom-heading{position:absolute;transform:translateY(-3.14vw);left:0;width:100%;padding:1.05vw;background:rgba(0,0,0,0.3);/* box-shadow:0.2vw 0.64vw 2.4vw #00000029; */height:5.22vw;display:flex;align-items:center;transition:all 0.3s ease-in-out;bottom:0;}
.bottom-heading h3{font-size:1.2vw;font-family:"Poppins", sans-serif;font-weight:600;color:#fff;letter-spacing:0.036vw;margin:0;line-height:1.35;transition:all 0.3s ease-in-out;}
.card-content-inner{position:absolute;top:0;left:0;width:100%;height:calc(100% - 5.22vw);overflow:hidden;}
.card-content-inner p{font-size:1.25vw;color:#fff;font-family:'Roboto';font-weight:400;margin:0;line-height:1.58;transition:all 0.5s;opacity:0;min-height:10vw;width:100%;}
.card-content-inner .hover{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;padding:4.2vw 0.6vw 0;overflow:hidden;}
.card-content-inner::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#F27420;z-index:-1;opacity:0.8;border-radius:0.3vw 0.3vw 0 0;transition:all 0.3s ease-in-out;transform:translateY(-110%);}
.card-content-inner img{width:5vw;height:auto;display:block;margin:0 auto;max-height:6.2vw;min-height:6.2vw;object-fit:contain;vertical-align:bottom;transition:all 0.3s ease-in-out;position:relative;transform:translateY(-11vw);}
.card-content-inner  .bottom{display:none;}



.milestones .milestone .flag span{
    display: none;
}
.milestones .milestone:nth-child(4) .flag span,
.milestones .milestone:nth-child(5) .flag span + span
{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block !important;
    font-family: "Poppins", sans-serif;
    font-size: 1.8vw;
    font-weight: 600 !important;
    color: #fff;
    transition: all 0.3s;
}
.milestones .milestone:nth-child(4) .flag span + span{
    display: none !important;
}
.milestones .milestone:nth-child(4) .flag text,.milestones .milestone:nth-child(5) .flag text{
    opacity: 0 !important;
}
@media(min-width:767px){
.category-cards .category-card:hover .bottom-heading{transform:translateY(0);background:#fff;border-radius:0 0 0.3vw 0.3vw;}
.category-cards .category-card:hover .bottom-heading h3{color:#041C4D;}
.category-cards .category-card:hover .card-content-inner p{opacity:1;}
.category-cards .category-card:hover .card-content-inner img{transform:translateY(0);}
.category-cards .category-card:hover .card-content-inner::after{transform:translateY(0);}
}
.our-journey-section{padding-bottom:10vw;padding-top:0;}
.our-journey-section .section-header{text-align:center;} 
.our-journey-section .section-header h2{position:relative;font-size:2.72vw;letter-spacing:0.07vw;font-weight:600;font-family:'Poppins';line-height:1.4;margin:0 0 0.8vw;}
.our-journey-section .section-header h2 span{font-weight:300;}
.our-journey-section .section-header .subtitle{font-size:0.94vw;color:#7F7F88;letter-spacing:0.033vw;font-family:'Poppins';font-weight:400;display:block;line-height:1.4;margin:0;}
.milestones{position:relative;}
.milestone::after{content:"";position:absolute;width:0.262vw;height:calc(100% + 1vw);background:#E7E8F5;left:50%;transition:all 0.3s ease-in-out;top:2vw;opacity:0.6;}
.milestones .milestone:last-child::after{height:calc(100% - 0.5vw);top:0;}
.milestone{display:flex;flex-wrap:wrap;padding-top:7.3vw;position:relative;padding-bottom:3.65vw;align-items:center;}
.milestones .milestone:last-child{padding-bottom:5vw;}
.milestone span.year{font-family:"Roboto";color:#B2B2B2;font-weight:bold;font-size:7.04vw;letter-spacing:0.235vw;line-height:1;opacity:0.15;display:block;transition:all 0.3s ease-in-out;}
.milestone h3{font-size:1.88vw;font-family:'Roboto';font-weight:bold;color:#F27420;margin:-0.5vw 0 0.68vw;letter-spacing:0.046vw;line-height:1.2;transition:all 0.3s ease-in-out;}
.milestone  p{font-size:1.044vw;color:#7F7F88;font-family:'Roboto';font-weight:400;letter-spacing:0.035vw;line-height:1.4;position:relative;margin:0;max-width:33.1vw;}
.flag{position:absolute;top:0;width:3.65vw;height:3.65vw;display:flex;align-items:center;z-index:2;left:50%;transform:translateX(-50%);background:#fff;border-radius:50%;}
.flag svg text{font-family:'Poppins';}
svg.circl-shape-d{position:absolute;width:17vw;top:-6vw;right:-4.5vw;height:17vw;z-index:-1;}
.flag svg,.flag-end svg{width:100%;height:100%;display:block;}
.flag-end{position:absolute;bottom:0;width:3.65vw;height:3.65vw;z-index:2;display:flex;align-items:center;left:50%;transform:translateX(-50%);}
.milestones .milestone:nth-child(even) .flag,.milestones .milestone:nth-child(3) .flag{top:1.05vw;}
.milestone-image{width:50%;padding-right:2.3vw;position:relative;}
.milestone-content{width:50%;padding-left:2.56vw;}
.milestones .milestone:nth-child(even) .milestone-image{padding-left:2.56vw;padding-right:0;}
.milestones .milestone:nth-child(even) .milestone-content{padding-right:2.3vw;padding-left:0;}
.milestone-image img{display:block;width:100%;max-width:100%;transition:all 0.3s ease-in-out;}
.flag-end svg path{transition:all 0.3s ease-in-out;}
.page-wrapper{background:url(../images/cta-bg.jpg);background-repeat:no-repeat;background-position:bottom right;background-size:100% auto;}
.call-to-action{text-align:center;padding-bottom:9.5vw;}
.call-to-action .btn-primary{font-family:"poppins";}
.call-to-action .btn-primary:hover{font-weight:600;}
@media(min-width:767px){
.milestones .milestone:hover  .milestone-image img{transform:scale(1.03,1.03);}
.milestones .milestone:hover span.year{color:#041C4D;opacity:1;}
.milestones .milestone:hover .flag svg .circle{translate:all 0.3s ease-in-out;}
.milestones .milestone:hover .flag svg .circle{fill:#041C4D;opacity:1;}
.milestones .milestone:hover .flag svg *{opacity:1; }
.milestones .milestone:hover .flag svg .h-path{fill:#041C4D;}
.milestones .milestone:hover::after{background:#F27420;opacity:1; z-index:1;}
.milestones .milestone:hover .flag-end svg .h-path{fill:#041C4D;}
.milestones .milestone:nth-child(even) .milestone-content{text-align:right;}
}

.milestones .milestone:nth-child(even) .milestone-content span.year{text-align:right;}
.milestones .milestone:nth-child(even){z-index:2;}
.milestones .milestone:nth-child(even) .milestone-content  p{margin-right:0;margin-left:auto;}
.our-journey-section .section-header{text-align:center;margin-bottom:4.86vw;}
.milestones .milestone .milestone-content h3 br{display:none;}
.call-to-action h2{font-family:'Roboto';font-size:2.62vw;color:#041C4D;font-weight:400;letter-spacing:0.092vw;margin:0;line-height:1.31;}
.call-to-action h2 strong{font-weight:700;display:block;}
.call-to-action .border svg{width:4.8vw;height:0.16vw;display:block;margin:1.2vw auto 4vw auto;}

@media(max-width:767px){

    .milestones .milestone:nth-child(4) .flag span  {
    left: 48%;
    font-size: 6.8vw;
   }
      .milestones .milestone:nth-child(5) .flag span + span {
    font-size: 6.8vw;
    top: 57%;
    transform: translate(-50%,-59%);
    line-height: 1;
}
.categories-section{padding-top:60px;padding-bottom:70px;}
.category-cards {
    display: block;
    padding: 0;
 }
.categories-section .slick-list {
    padding-right: 12vw;
    padding-left: 12vw;
}
.categories-section ul.slick-dots li {
    display: flex;
    align-items: center;
    justify-content: center;
}
.categories-section ul.slick-dots {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    gap: 10px;
    position: absolute;
    bottom: -10px;
}
.categories-section ul.slick-dots li.slick-active button {
    width: 9px;
    height: 9px;
    opacity: 1;
}
.categories-section ul.slick-dots li button {
    padding: 0;
    font-size: 0;
    margin: 0;
    border: 0;
    width: 5px;
    height: 5px;
    background: #707070;
    border-radius: 50%;
    outline: 0;
    opacity: 0.3;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.3s;
}
.categories-section .subtitle {
    font-size: 4.2vw;
    letter-spacing: 0.126vw;
    line-height: 1.4;
    margin: 0 0 1.2vw;
}
.categories-section .section-header {
    padding-bottom: 0;
}
.category-cards .category-card {
    margin-right: 4.374vw;
    margin-top: 6vw;
    margin-bottom: 12vw;
    margin-left: 4vw;
}
.categories-section .section-header .title .title-foreground {
    font-size: 25px;
    line-height: 1.4;
    letter-spacing: 0.75px;
   }
   .card-content-inner .hover {
    padding: 14vw 5vw 0;
 }

 .card-content-inner img {
    width: 20vw;
    max-height: 20vw;
     transform: translateY(-35vw);
    min-height: 20vw;
 }
 .category-cards .category-card figure::after {
    border-radius: 5px;
 opacity: 0.3;
}
 
.card-content-inner p {
    font-size: 3.8vw;
    line-height: 1.6;
    min-height: 24vw;
    letter-spacing: 0.11vw;
}
.card-content-inner {
    height: calc(100% - 17.22vw);
 }
.categories-section .section-header .border svg {
    display: block;
    width: 75px;
    height: 2px;
    margin: 16px auto 0 auto;
}
.categories-section .section-header .title .title-bg {
    font-size: 45px;
    letter-spacing: 1.35px;
 }
 .category-cards .category-card figure {
    padding-top: 142%;
    border-radius: 5px;
    box-shadow: 3px 12px 45px #00000029;
}
.bottom-heading {
    transform: translateY(-7vw);
    padding: 3.6vw 7vw;
    height: 17.22vw;

}
.bottom-heading h3 {
    font-size: 3.8vw;
    letter-spacing: 0.112vw;
 }
.category-cards .category-card.active .bottom-heading{transform:translateY(0);background:#fff;}
.category-cards .category-card.active .bottom-heading h3{color:#041C4D;}
.category-cards .category-card.active .card-content-inner p{opacity:1;}
.category-cards .category-card.active .card-content-inner img{transform:translateY(0);}
.category-cards .category-card.active .card-content-inner::after{transform:translateY(0);}


.call-to-action h2 {
    font-size: 25px;
    letter-spacing: 0.75px;
    line-height: 1.4;
        font-family: "poppins";
}
.call-to-action {
    padding-bottom: 60px;

}
.call-to-action .border svg{
    display: block;
    width: 75px;
    height: 2px;
    margin: 15px auto 32px auto;
}
.page-wrapper {
    background: url(../images/cta-bg-mob.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}
.milestones .milestone .milestone-content p br {
    display: none;
}
.our-journey-section .section-header h2{font-size:25px;letter-spacing:0.75px;line-height:1.4;margin:0 0 12px;}
.milestone-image{width:100%;padding:0 !important;}
.milestone-content{width:100%;padding:0 !important;}
.milestones .milestone:nth-child(odd){flex-direction:column-reverse;}
.milestone-content{margin-bottom:22px;}
.milestone span.year{font-size:35px;letter-spacing:1.05px;line-height:1.4;}
.milestone  p{font-size:16px;letter-spacing:0.56px;line-height:25px;max-width:100%;}
.milestone h3{font-size:20px;font-family:'Roboto';font-weight:500;margin:0px 0 13px;letter-spacing:0.6px;line-height:25px;}
.milestones .milestone:last-child{padding-bottom:0px;}
.flag-end{display:none;}
.milestone{padding-top:90px;padding-bottom:60px;}
.milestone::after{width:1.24px;height:40px !important;background:#E8E8F5;top:50px !important;}
.milestones .milestone:nth-child(even) .milestone-content span.year{text-align:left;}
.milestones .milestone:nth-child(even) .milestone-content h3{max-width:100%;}
.flag{width:50px;height:50px;}
.our-journey-section{padding-bottom:60px;}
.our-journey-section .section-header .subtitle{font-size:16px;letter-spacing:0.48px;line-height:22px;margin:0;}
.our-journey-section .section-header{margin-bottom:30px;}
.flag-end{width:50px;height:50px;}
.milestones .milestone.active  .milestone-image img{transform:scale(1.07,1.07) translateY(-14px);position:relative;z-index:2;}
.milestones .milestone.active  .milestone-image img{transform:scale(1.05,1.05);}
.milestones .milestone.active span.year{color:#041C4D;opacity:1;}

.milestones .milestone.active span.year{color:#F27420;opacity:1;}
.milestones .milestone.active .flag svg .circle{translate:all 0.3s ease-in-out;}
.milestones .milestone.active .flag svg .circle{fill:#041C4D;opacity:1;}
.milestones .milestone.active .flag svg *{opacity:1; }
.milestones .milestone.active .flag svg .h-path{fill:#041C4D;}
.milestones .milestone.active .flag-end svg .h-path{fill:#041C4D;}
.milestones .milestone.active::after{background:#F27420;z-index:1;}
.our-foundation-section .foundation-item .foundation-item-inner .bottom h4{font-size:4vw;}
.milestones .milestone .milestone-content h3 br{display:block;}

.common-hero-banner .inner-page-content h1{position:relative;}
.common-hero-banner img.mobile{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;}
}