body{ background: #fff; transition: background-color 0.2s ease;}
.footer .getin-touch {
    background: #fff;
}
.footer .getin-touch-form{
    display: none ;
}

.main-content{ padding: 170px 0 0px;}

.main-content h2.font-54{
  color:#767475;
}

.innerPage #header{ background: none; box-shadow: none;}
#header.header-fixed { position: fixed !important; background: rgba(255, 255, 255, 1) !important; box-shadow: 1px 1px 2px #ddd !important;}



.innerPage.submenu #header .header-logo{ top: 12px;}

.back-btn-top{ display: none;}

h1,h2{ text-transform: none; margin: 0; padding: 0;}

.fw-300 { font-family: "montserratLight";}
.fw-400 { font-family: "montserratRegular" !important;}
.fw-500{ font-family: "montserratMedium";}
.fw-600 { font-family: "montserratSemiBold";}
.fw-700 { font-family: "montserratBold";}
.fw-900 { font-family: "montserratBlack";}

.font-148{ font-size: 130px; line-height: 120px;}
.font-90{ font-size: 90px; line-height: 110px;}
.font-68{font-size: 68px; line-height: 68px;}
.font-56{ font-size: 56px; line-height: 62px;}
.font-54{ font-size: 54px; line-height: 79px;}
.font-48{ font-size: 48px; line-height: 58px;}
.font-37{ font-size: 37px; line-height: 48px; letter-spacing: -0.74px;}
.font-28{ font-size: 28px; }
.font-24{ font-size: 24px; }
.font-22{ font-size: 22px; }
.font-20{font-size: 20px; }
.font-18{ font-size: 18px;}
.font-17{font-size: 17px;}
.font-36{font-size: 36px;line-height: 48px;}
.font-28{font-size: 28px; line-height: 37px;}
.font-16{font-size: 16px;}

.letter-spacing-1{ letter-spacing: -1px;}

.text-black{ color: #252525;}
.text-dark{ color: #434343;}
.text-gray{ color: #767475;}
.text-yellow{ color: #FFD100;}
.text-yellow1{ color: #FEE865;}
.text-orange{ color: #F37021;}
.text-gray1{ color: #D7D7D7;}
.text-green{ color: #319273;}

form[data-form-id="3"] .es-form-field-container label.es-field-label {
    display: block;
    /* display: none; */
    position: absolute;
    left: -999999px;
}
.signup-newsletter .right-text .input-box input[type=submit]{    position: relative;
    background: url(../../images/career-2025/arrow_forward.png) no-repeat center center;
    background-size: 16px;
    padding-right: 22px;
    /* border: none; */
    background-color: #ffff;
    border-radius: 0 50px 50px 0;}
.button-orange{background: #FFAD7C; background: linear-gradient(180deg, rgba(255, 173, 124, 1) 0%, rgba(243, 112, 33, 1) 100%); padding: 12px 24px; color: #fff; font-size: 18px; border-radius:50px; display: inline-block; transition: .5s; font-family: "montserratBold"; }
.button-orange:hover{background: #FFAD7C; background: linear-gradient(180deg, rgba(243, 112, 33, 1) 0%, rgba(255, 173, 124, 1) 100%); color: #fff;}


/* resource page css starts */

.resource-section .resource-box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.w70{
    width: 66%;
}

.w30{
    width: 31.5%;
}

.resource-section .resource-box .box{
    height: 350px;
    /* border: 1px solid #000; */
    margin-bottom: 34px;
    position: relative;
}
.resource-section .resource-box .box img{
    width: 100%;
    height: 350px;
    object-fit:cover;
}
.resource-section .resource-box .box .content{
    padding: 32px 32px 45px;
        position: absolute;
    bottom: 0;
    color: #fff;

}

.resource-section .resource-box .box p span{
    color: #F7965C;
}
.resource-section .resource-box .box p span.white{
    color: #F6F6F6;
}

.resource-section .resource-box .box p{
    margin-bottom: 40px;
    color: #F6F6F6;
}

.br-orange-btn{
    padding: 16px 24px;
    border: 1px solid #F37021;
    font-size: 16px;
    color: #F9F9F9;
    text-align: center;
    border-radius: 30px;
    position: relative;
    padding-right: 54px;

}

.br-orange-btn::before{
    position: absolute;
    content: '';
    width: 14px;
    height:14px ;
    background: url(../../images/resources-2025/orange-arrow.png);
    right: 24px;
    top: 20px;
}
.br-orange-btn:hover{
    background: linear-gradient(180deg, rgba(255, 173, 124, 1) 0%, rgba(243, 112, 33, 1) 100%);
    color: #fff;
}
.br-orange-btn:hover::before{
    background: url(../../images/resources-2025//arrow-right.png);
    width: 20px;
    height:20px ;
    top: 16px;

}


.bg-orange-btn{
    padding: 16px 24px;
    background: linear-gradient(180deg, rgba(255, 173, 124, 1) 0%, rgba(243, 112, 33, 1) 100%);
    font-size: 16px;
    color: #F9F9F9;
    text-align: center;
    border-radius: 24px;
    position: relative;
    padding-right: 54px;

}

.bg-orange-btn::before{
    position: absolute;
    content: '';
    width: 20px;
    height:20px ;
    background: url(../../images/resources-2025/arrow-right.png);
    right: 24px;
    top: 16px;
}
.bg-orange-btn:hover{
    color: #fff;
}

/* .scrolling-words { display: inline-block;   height: 1em;   margin-left: 5px; position: relative; top: 0px;}
.scrolling-words .word { position: absolute; top: 0; left: 0; transition: opacity 0.5s ease, transform 0.5s ease; opacity: 0;
transform: translateY(100%);}
.scrolling-words .word.active { opacity: 1; transform: translateY(0%);} */

.scrolling-words {
    display: inline-block;
    height: 48px;
    overflow: hidden;
    position: relative;
    vertical-align: bottom;
    /* margin-left: 5px; */
  }

  
  .words-wrapper {
    display: flex;
    flex-direction: column;
    transition: transform 0.5s ease-in-out;
  }
  
  .word {
    height: 48px;          
    line-height: 48px;
    white-space: nowrap;
  }
  




  .word-animate {
    display: inline-block;
    position: relative;
    color: #ffffff !important; 
    font-weight: inherit;
  }
  
  /* Animate color fill using gradient background */
  .word-animate::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    color: #F37021 !important; 
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    animation: textFill 1.5s ease-in-out infinite;
    font-weight: 700;
  }
  
  /* Underline */
  .word-animate::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px;
    width: 0;
    background-color: #F37021 !important;
    animation: underlineAnim 1.5s ease-in-out infinite;
  }
  
  @keyframes textFill {
    0% { width: 0; }
    100% { width: 100%; }
  }
  
  @keyframes underlineAnim {
    0% { width: 0; }
    100% { width: 100%; }
  }
  


/* blog page css starts */

.blog-section .main-title{
    color: #252525;
    text-align: center;
    margin-bottom: 32px;
    margin-top: 44px;
}

.blog-section .blog-desc{
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 32px;

}
.blog-section .main-blog{
    position: relative;
    display: block;
    border-radius: 24px;
    overflow: hidden;
    height: 585px;
    margin-top: 80px;
}
.blog-section .main-blog .main-blog-box {
 position: relative;
}

.blog-section .main-blog::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.8) 100%);
    z-index: 1;
    border-radius: 24px;
}
.blog-section .main-blog img{
    width: 100%;
    display: block;
    height: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 24px;
}
.blog-section .main-blog .blog-content{
    position: absolute;
    bottom: 0;
    padding: 40px;
    color: #fff;
    width: 100%;
    z-index: 2;

}
.blog-section .main-blog .blog-content .cat-w-arrow{
          display: flex;
        justify-content: space-between;
        align-items: center;
}
.blog-section .main-blog .blog-content .cat-w-arrow .arrow-img{
    color: #F37021;

}
.blog-section .main-blog .blog-content h2{
    margin-bottom: 24px;
}

.quick-inner-links.mobile{
    display:none;
}




#load-more-other-blogs{
        width: 100%;
    max-width: 200px;
    display: inline-block;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-family: montserratRegular;
    background: linear-gradient(rgb(255, 173, 124) 0%, rgb(243, 112, 33) 100%);
    border-radius: 50px;
    padding: 16px 24px;
    border:none;
    outline:0;
}

.bb-1-yl{
border-bottom: 1px solid #FFD100;

}
.mt-8{
    margin-top: 8px;
}
.w-90p{
    width: 90px;
}
.mb-64{
    margin-bottom: 64px;
}
.blog-section .main-blog .white-btn{
    padding: 16px 32px;
    border-radius: 32px;
    background: #FFF6CC;
    color: #000;
    font-size: 18px;
    width: fit-content;
}
.w-69p{
    width: 69px;
}

.blog-section .other-blogs{
    margin-top: 80px;
}
.blog-section .other-blogs .explore-more{
    margin-top: 8px;
    color: #252525;
    margin-bottom: 40px;

}
.blog-section .other-blogs .box-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blog-section .other-blogs .blog-box{
    margin-top: 30px;
    margin-bottom: 48px;
    width: 48%;
}
.blog-section .other-blogs .blog-box .image{
    overflow: hidden;
    border-radius: 10px;
}
.blog-section .other-blogs .blog-box img{
    border-radius: 10px;
    transition: transform 0.4s ease;
}
.blog-section .other-blogs .blog-box .cont{
    margin-top: 20px;
}
.blog-section .other-blogs .blog-box .cont .category,
.explore-further .related-blogs .category{
    font-size: 14px;
    color: #000;
    margin-bottom: 24px;
    padding: 8px 24px;
    background: #FFF6CC;
    border-radius: 32px;
    /* width: 205px; */
    /* max-width: 65%; */
    width: fit-content;
}
.blog-section .other-blogs .blog-box .cont .arrow-with-content p{ 
     font-size: 20px;
     margin-bottom: 24px;
     min-height: 60px;
     color: #000;

}

.blog-section .other-blogs .blog-box .cont .date{
    font-size: 14px;color: #000;
}

.blog-section .other-blogs .blog-box .cont  .arrow-with-content{
    display: flex;
    justify-content: space-between;
}
.blog-section .other-blogs .blog-box:hover img{
    transform: scale(1.1);
}
.blog-section .other-blogs .blog-box:hover .cont .arrow-with-content p,
.blog-section .other-blogs .blog-box:hover .cont .date{
    color: #000;

}
.blog-section  .popular-blogs{
    margin-top: 80px;
    margin-left: 18px;
    background: #F9F9F9;
    border-radius: 24px;
    padding: 32px 32px;
}
.blog-section  .popular-blogs h3{
    font-size: 20px;
    line-height: 26px;
    color: #333333;
}
.bb-1-bl{

    border-bottom: 2px solid  #666666;
}
.mt-24{
    margin-top: 24px;
}

.blog-section  .popular-blogs .post{
        margin-top: 48px;
        display: flex;
        justify-content: space-between;
        border-bottom: 2px solid #EDEDED;
        padding-bottom: 40px;

}
.blog-section  .popular-blogs .post .image-with-cat {
    width: 50%;
   
}
.blog-section  .popular-blogs .post .content{
    width: 48%;
}
.blog-section  .popular-blogs .post .image{
    overflow: hidden;
    border-radius: 10px;
}
.blog-section  .popular-blogs .post .image img{
    border-radius: 10px;
    transition: transform 0.4s ease;
   
}
.blog-section  .popular-blogs .post .cat{
    background: #FFF6CC;
    border-radius: 25px;
    padding: 6px 12px;
    color: #000;
    font-size: 14px;
    width: fit-content;
    margin-top: 8px;

}
.blog-section  .popular-blogs .post .content{
    font-size: 16px;
    margin-left: 25px;
    color: #333333;
}
.blog-section  .popular-blogs .post .content .date{
    margin: 16px 0;
    border-bottom: 1px solid #FFD100;
    width: fit-content;
    padding-bottom: 8px;
    margin-bottom: 16px;

}

  
.blog-section  .arrow-img {
    display: inline-block;
    width: 100% !important;
    max-width: 25px;
    height: 25px  !important;
    transition: filter 0.3s ease;
    color: #F9B890; 
    transition: color 0.3s ease;
    margin: 8px 2px;
  }
  .blog-section  .blog-box:hover .arrow-img,
  .blog-section .popular-blogs .post:hover .arrow-img{
    color: #F37021;
  }
  .blog-section .popular-blogs .post:hover img{
    transform: scale(1.1);
  }

  .load-more-other-blogs{
    width: 100%;
    max-width: 200px;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    background: linear-gradient(180deg, rgba(255, 173, 124, 1) 0%, rgba(243, 112, 33, 1) 100%);
    border-radius: 50px;
    padding: 16px 24px;
    font-family: 'montserratRegular';
  }

/* single page css start */

.breadcrumbs ul {
    display: flex;
    font-size: 16px;
}

.breadcrumbs ul li {
    margin: 0 8px;
}

.breadcrumbs ul li:first-child {
    margin-left: 0;
}

.breadcrumbs ul li a {
    position: relative;
}
.breadcrumbs ul li a:before {
    position: absolute;
    right: -11px;
    top: -1px;
    content: '/';
}

.breadcrumbs ul li.active {
    color: #F37021;
    font-family: "montserratBold";
}

.main-title-w-img{
    margin-top: 64px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 48px;
    margin-bottom: 48px;
}
.main-title-w-img .date{
    color: #252525;
    border-bottom: 1px solid #FFD100;
    width: fit-content;
}
.main-title-w-img .main-blog-title{
    margin-top: 24px;
    margin-right: 10px;
}
.main-title-w-img .img{
    width: 100%;
    max-width: 520px;
}
.main-title-w-img .img img{
border-radius: 10px;
} 

.single-blog-content .blog-single{
    margin-bottom: 48px;
}
.single-blog-content .blog-single ul{
    padding:0 20px;
}
.single-blog-content .blog-single ul li{
    list-style:disc;
}
.single-blog-content .blog-single ul li p{
    margin-bottom:10px;

}
.single-blog-content .blog-single p{
    margin-bottom: 20px;
    color: #494949;
    font-family: "montserratRegular"
}
.single-blog-content .blog-single a{
    color: #ff4d00;
}

.single-blog-content .blog-single .paragraph{
    margin-bottom: 30px;
}
.single-blog-content .blog-single .paragraph h3{
    margin-bottom: 20px;
    /* font-size: 28px; */
    line-height: 37px;
    color: #252525;
}
.single-blog-content .blog-single ul,
.single-blog-content .blog-single ol{
    margin-bottom:20px;
        padding-left: 30px;

}
.single-blog-content .blog-single ul li,
.single-blog-content .blog-single ol li{
    list-style:disc;
    margin-bottom:5px;

}
.single-blog-content .blog-single table{
    border:1px solid #ddd;
}
.single-blog-content .blog-single table td{
    border:1px solid #ddd;
}
.single-blog-content .blog-single .paragraph p{
    margin-bottom: 20px;
    color: #494949;
    font-family: "montserratRegular"
}

.single-blog-content .blog-single .paragraph p span{
      font-family: "montserratBold"
}
.single-blog-content .explore-further{
    border-top: 1px solid #E6E6E6;
    padding-top: 40px;
}

.explore-further .related-blogs {
    display: flex;
        justify-content: space-between;
        margin-top: 34px;
}
.explore-further .related-blogs .related-blog{
    width: 31%;

}
.explore-further .related-blogs .arrow-with-content{
    display: flex;
    justify-content: space-between;
}
.explore-further .related-blogs .arrow-with-content p{
    font-size: 20px;
    margin-bottom: 24px;
    min-height: 60px;
    color: #000;
}
.explore-further .related-blogs .related-blog .latestImg{
    margin-bottom: 24px;
    overflow: hidden;
    border-radius: 24px;
    
}
.explore-further .related-blogs .related-blog .latestImg img{
    border-radius: 24px;
    width: 100%;
    transition: 0.4s ease all;
}
.explore-further .related-blogs .related-blog .date{
    border-bottom: 1px solid #FFD100;
    width: fit-content;
    color: #000;
}


  
  .related-blog .arrow-img {
    display: inline-block;
    width: 100% !important;
    max-width: 25px;
    height: 25px  !important;
    transition: filter 0.3s ease;
    color: #F9B890; 
    transition: color 0.3s ease;
  }
  
  .explore-further .related-blog:hover .arrow-img {
    color: #F37021;
  }
  .explore-further .related-blogs .related-blog:hover .latestImg img{
    transform: scale(1.1);
  }  

  .explore-further .related-blog:hover .arrow-with-content p,
  .explore-further .related-blog:hover  p.date{
    color: #000;
  }

.blog-single{
    scroll-behavior: smooth;
}
  .table-content {
    position: sticky;
    top: 100px; 
    z-index: 100;
    margin-bottom: 48px;
  }
.table-list span {
    display: block;
    margin-bottom: 16px;
    color: #252525;
    
}
.table-list{
    margin: 0 20px;
}

.table-list ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.toc-item {
    margin-bottom: 26px;
}

.toc-link {
    text-decoration: none;
    color: #777;
    transition: all 0.3s ease;
    font-size: 14px;
    /* display: inline-block; */
    border-left: 3px solid #F0F0F0;
    padding: 8px 0px 10px 10px;
    display: flex;
        align-items: center;
}

.toc-link.active {
    border-color: #f76c2f;
    font-weight: bold;
    position: relative;
    color: #F37021;
    font-family: 'montserratBold' !important;
    
} 


 /* .toc-link.active::before {
    content: "➤";
    margin-right: 6px;
    color: #f76c2f;
} */


/* events and media page */

.bredcum-media-sec .main-title{
    margin-top: 34px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 32px;
    margin-bottom: 32px;


}
.bredcum-media-sec .main-title h1{
    color: #252525;
    margin-bottom: 8px;
}


.event-slider .event{
    margin: 0 12px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 48px;
}

.fa-arrow-left:before { content:url(../../images/career-2025/arrow_forward_slick.png) !important ;   }
  .fa-arrow-right:before { content:url(../../images/career-2025/arrow_forward_slick.png) !important ; display: inline-block;  transform: rotate(180deg);    }
  .event-slider .slick-prev::before,.event-slider .slick-next::before {content: '' !important;display: none !important;}
  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: #000 !important;background: #fff !important;}
  .event-slider .slick-prev, .event-slider .slick-next {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50% !important;
    opacity: 1 !important;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    background: #FFF6CC !important;
    color: #000;
    border-radius: 50%;
    padding: 30px;
    z-index: 100;
}
.event-slider .slick-prev{
    left: 14%;}
.event-slider .slick-next{
    right: 14.5%;}
.event-slider .event-tagline{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFF6CC;
    padding: 16px 32px;
    border-radius: 32px
}
.event-cnt{
    height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
}
.media-new{
    margin-top: 32px;
    background: #F9F9F9;
    border-radius: 24px;
    padding: 32px 32px;
margin-bottom: 8px;
}
.media-new h3{
    border-bottom: 2px solid #666;
    padding-bottom: 24px;
}
.media-new .media-box{
    margin-top: 40px;
}
.media-new .media-box .txt-box{
    margin-left: 40px;
}
.media-new .media-box .txt-box p{
    margin-bottom: 24px;
    font-size: 14px;
}
.media-new .media-box .txt-box .view-more-btn{
    display: flex;
        align-items: center;
        font-size: 14px;
        border-bottom: 1px solid #FFD100;
        width: fit-content;
        padding-bottom: 8px;
        transition: 0.3s ease all;
}
.media-new .media-box .txt-box .arrow-img{
    padding-left: 8px;
    color: #F9B890; 

}
.media-new .media-box .img-box{
    overflow: hidden;
    border-radius: 10px;
    min-height: auto;
    min-width: 220px;
}
.media-new .media-box .img-box img{
    border-radius: 10px;
    transition: 0.3s ease all;
}
.media-new .media-box:hover .img-box img
{
    transform: scale(1.1);
}
.media-new .media-box:hover .view-more-btn .arrow-img{
    color: #F37021;

}

.media-new .media-box:hover .view-more-btn .arrow-img,
.media-new .media-box:hover .date{
transform: translateX(5px);
}

.past-event-sec h2{
    margin: 32px 0 24px;
}

.past-events{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 20px;
}
.past-events .event-box{
    width: 31%;
    margin-bottom: 50px;



}
.past-events .event-box h3{
    font-size: 20px;
    color: #252525;
    margin:24px 0 10px;
}
.past-events .event-box p.location{
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    color: #000;
    padding-top: 2px;
}
.past-events .event-box img{
    border-radius: 10px;
}
.past-events .event-box .image-box{
    position: relative;
}
.past-events .event-box .image-box .date{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #F37021;
    background: #fff;
    border-radius: 0 8px 0 0;
    padding: 8px 16px 8px 0;
    font-size: 14px;
}
.past-events .event-box p.location span{
    padding-right: 10px;
    min-width: 24px;
}

.slick-slide img {
    /* min-width: 852px; */
    width: 100%;
}
.event-slider .slick-slide {
    transform: scale(.8);
    transition: transform 0.5s ease-in-out;
}

/* Scale up the center or target slide */
.event-slider .slick-target {
    transform: scale(1);
    z-index: 2;
}
/* .main-content.media-page{
    background: #fff;
} */

.signup-newsletter{ background: #252525;border-radius: 20px; padding: 80px; display: flex; color: #fff;    margin-top: 60px;}
.signup-newsletter .left-text{ width: 60%;}
.signup-newsletter .right-text{ width: 40%; display: flex; align-items: center;}
.signup-newsletter .right-text .input-box{ width: 100%; display: flex; justify-content: flex-end; }
.signup-newsletter .right-text .input-box input{ border: 1px solid #fff; font-size: 18px; height: 62px; border-radius: 50px 0 0 50px; background: none; color: #fff; padding: 0 50px;}
.signup-newsletter .right-text .input-box button{ background: #fff; border-radius: 0 50px 50px 0; height: 62px;  padding: 5px 30px; border: 1px solid #fff;}
.signup-newsletter .right-text .input-box input::placeholder{ color: #fff;}


.page-template-blog-2025 .gb, .page-template-event-media-2025 .em ,
.single-blogs .gb{
    color: #ff4d00 !important;
    font-weight: bold;
  }

  .toc-wrapper {
    position: relative;
}

.footer .main-content{
    padding: 0;
}