@font-face {
  font-family: 'tm';
  src: url('./assets/fonts/tm.eot?97876948');
  src: url('./assets/fonts/tm.eot?97876948#iefix') format('embedded-opentype'),
       url('./assets/fonts/tm.woff2?97876948') format('woff2'),
       url('./assets/fonts/tm.woff?97876948') format('woff'),
       url('./assets/fonts/tm.ttf?97876948') format('truetype'),
       url('./assets/fonts/tm.svg?97876948#tm') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'tm';
    src: url('../font/tm.svg?80541524#tm') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "tm";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-arrow:before { content: '\e800'; } /* '' */
.icon-quote:before { content: '\e801'; } /* '' */
.icon-wsupport:before { content: '\e802'; } /* '' */
.icon-wsupport-base:before { content: '\e803'; } /* '' */
.icon-funds:before { content: '\e804'; } /* '' */
.icon-funds-base:before { content: '\e805'; } /* '' */
.icon-funds-red:before { content: '\e806'; } /* '' */
.icon-voluntary-red:before { content: '\e807'; } /* '' */
.icon-voluntary:before { content: '\e808'; } /* '' */
.icon-voluntary-base:before { content: '\e809'; } /* '' */
.icon-lives-red:before { content: '\e80a'; } /* '' */
.icon-lives-base:before { content: '\e80b'; } /* '' */
.icon-lives:before { content: '\e80c'; } /* '' */
.icon-edu-base:before { content: '\e80d'; } /* '' */
.icon-edu:before { content: '\e80e'; } /* '' */
.icon-shelter-red:before { content: '\e80f'; } /* '' */
.icon-shelter-base:before { content: '\e810'; } /* '' */
.icon-edu-red:before { content: '\e811'; } /* '' */
.icon-shelter:before { content: '\e812'; } /* '' */
.icon-skill-red:before { content: '\e813'; } /* '' */
.icon-skill-base:before { content: '\e814'; } /* '' */
.icon-womchild:before { content: '\e815'; } /* '' */
.icon-womchild-red:before { content: '\e816'; } /* '' */
.icon-qedu-red:before { content: '\e817'; } /* '' */
.icon-qedu:before { content: '\e818'; } /* '' */
.icon-qedu-base:before { content: '\e819'; } /* '' */
.icon-camp-red:before { content: '\e81a'; } /* '' */
.icon-camp:before { content: '\e81b'; } /* '' */
.icon-skill:before { content: '\e81c'; } /* '' */
.icon-sports-base:before { content: '\e81d'; } /* '' */
.icon-sports:before { content: '\e81e'; } /* '' */
.icon-womchild-base:before { content: '\e81f'; } /* '' */
.icon-sports-red:before { content: '\e820'; } /* '' */
.icon-camp-base:before { content: '\e821'; } /* '' */
.icon-prexe:before { content: '\e822'; } /* '' */
.icon-prexe-base:before { content: '\e823'; } /* '' */
.icon-prexe-red:before { content: '\e824'; } /* '' */
.icon-wsupport-red:before { content: '\e825'; } /* '' */
.icon-child-edu:before { content: '\e826'; } /* '' */
.icon-child-edu-base:before { content: '\e827'; } /* '' */
.icon-child-edu-red:before { content: '\e828'; } /* '' */
.icon-entrepreneur:before { content: '\e829'; } /* '' */
.icon-entrepreneur-base:before { content: '\e82a'; } /* '' */
.icon-entrepreneur-red:before { content: '\e82b'; } /* '' */
.icon-empower:before { content: '\e82c'; } /* '' */
.icon-empower-base:before { content: '\e82d'; } /* '' */
.icon-empower-red:before { content: '\e82e'; } /* '' */
.icon-location:before { content: '\e82f'; } /* '' */
.icon-email:before { content: '\e830'; } /* '' */
.icon-call:before { content: '\e831'; } /* '' */



:root{
    --tm-red: #FB0000;
    --tm-black: #0B0B0B;
    --tm-white: #ffffff;
    --tm-cream: #FFFDF1;


    --tm-yellow: #F8D054;
    --tm-green: #64BFB6;
    --tm-blue: #5961AA;
    --tm-pink: #FFC2D1;
    --tm-orange: #EE8029;
}
body{
    font-size: 16px;
    font-family: 'Nunito Sans';
    font-weight: normal;
    letter-spacing: 0.2px;
    color: var(--tm-black);
}
#page .elementor-widget-text-editor p{
    margin: 0;
}
#page #content .no-padd .e-con-inner{
    padding: 0;
}
#page .elementor-heading-title,
#page .nicholas h2,
#page .sec-heading h2{
    font-family: 'Catamaran';
}
#page .e-con-inner{
    padding: 0 12px;
}
#page .tm-header{
    background: #fff;
    box-shadow: 0 15px 25px rgba(0,0,0,.05);
    padding: 0;
}
#page .tm-header .tm-logo{
    width: auto;
    padding: 0;
}
#page .tm-header .tm-logo img{
    width: 120px;
    height: auto;
}
#page .tm-header .e-con-inner{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 12px;
    height: 90px;
}
#page .tm-header .tm-btns{
    width: auto;
    padding: 0;
    margin-left: auto;
}
#page .tm-header .tm-btns .hfe-nav-menu__layout-horizontal{
    width: auto !important;
}
#page .tm-header .tm-menu{
    width: auto;
    margin-left: 75px;
}
#page .elementor-button{
    font-size: 15px;
    font-weight: 400;    
    display: inline-flex;
    align-items: center;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    background: var(--tm-yellow);
    color: var(--tm-black);
    border: 0;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}
#page .elementor-button:after{
    content: '\e800';
    font-family: 'tm';
    opacity: 100;
    background: none;
    position: relative;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: var(--tm-black);
    color: #fff;
    border-radius: 50%;
    left: 12px;
    transform: rotate(-45deg);
}
#page .tm-header .elementor-button{
    height: 46px;
    line-height: 46px;    
}
#page .tm-header .tm-menu .hfe-nav-menu{
    margin-left: 0;
}
/* #page .tm-menu ul > li{
    padding: 17px;
}
#page .tm-menu ul li a{
    font-size: 16px;
    line-height: 1.35;
    font-weight: 400;
    color: var(--tm-black);
    padding: 0;
    position: relative;
    display: inline-flex;
    transition: all .3s ease-in-out;
} */
#page .tm-menu ul li a{
    position: relative;
    cursor: pointer;
}
#page .tm-menu ul li a:hover,
#page .tm-menu ul li.current_page_item a,
#page .tm-menu ul li.current-menu-parent .hfe-menu-item{
    color: var(--tm-red);
}
#page .tm-menu ul li a:after{
    content: "";
    width: 100%;
    height: 1px;
    background: var(--tm-red);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px;
    opacity: 0;
}
#page .tm-menu ul li.current_page_item a:after,
#page .tm-menu ul li.current-menu-parent .hfe-menu-item:after{
    opacity: 100;
}

#page .sec-heading h2 span{
    color: var(--tm-red);
}
#page .stats-items > .e-child{
    padding: 30px 20px 30px 40px;
    min-height: 200px;
}
#page .stats-items > .e-child + .e-child{
    border-left: solid 1px rgba(11,11,11,.1);
}
#page .stats-items > .e-child p{
    opacity: 0.7;
}
#page #content .icon:before,
#page #content .icon:after{
    display: inline-flex;
}
#page #content .stats-items .icon,
#page #content .rise-items .icon{
    width: 58px;
    height: 58px;
    display: inline-flex;
    font-size: 58px;
    position: relative;
    color: var(--tm-black);
}
#page #content .stats-items .icon:before,
#page #content .rise-items .icon:before{
    position: absolute;
    inset: 0;
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#page #content .stats-items .icon span,
#page #content .rise-items .icon span{
    display: none;
}
#page #content .stats-items .icon:after,
#page #content .rise-items .icon:after{
    content: '\e803';
    font-family: 'tm';
    position: absolute;
    inset: 0;
    width: 58px;
    height: 58px;
    font-size: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--tm-red);
}
#page #content .icon.icon-prexe-base:after{
    content: '\e824';
}
#page #content .icon.icon-funds-base:after{
    content: '\e806';
}
#page #content .icon.icon-voluntary-base:after{
    content: '\e807';
}
#page #content .icon.icon-lives-base:after{
    content: '\e80a';
}
#page #content .icon.icon-shelter-base:after{
    content: '\e80f';
}
#page #content .icon.icon-edu-base:after{
    content: '\e811';
}
#page #content .icon.icon-skill-base:after{
    content: '\e813'; 
}
#page #content .icon.icon-qedu-base:after{
    content: '\e817';
}
#page #content .icon.icon-womchild-base:after{
    content: '\e816';
}
#page #content .icon.icon-sports-base:after{
    content: '\e820';
}
#page #content .icon.icon-camp-base:after{
    content: '\e81a';
}
#page #content .icon.icon-empower-base:after{
    content: '\e82e';
}
#page #content .icon.icon-entrepreneur-base:after{
    content: '\e82b';
}
#page #content .icon.icon-child-edu-base:after{
    content: '\e828';
}
#page #content .icon.icon-wsupport-base:after{
    content: '\e825';
}




#page .work-cards > .e-child{
    position: relative;
    overflow: hidden;
    border-radius: 25px;
}
#page .work-cards > .e-child .elementor-widget-heading{
    position: absolute;
    inset: 0;
    top: 35%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 15px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0b0b0b+0,0b0b0b+57,0b0b0b+100&0+0,0.8+57,1+100 */
    background: linear-gradient(to bottom,  rgba(11,11,11,0) 0%,rgba(11,11,11,0.8) 57%,rgba(11,11,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


#page .tmslick{
    overflow: hidden;
}
#page .slide-container{
    width: 100%;
    max-width: 1400px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    z-index: 1;
}
#page .slide-row{
    display: flex;
    margin-left: -12px;
    margin-right: -12px;
    height: 100%;
}
#page .slide-left{
    flex: 0 0 55%;
    max-width: 55%;
    padding-left: 12px;
    padding-right: 12px;
}
#page .slide-right{
    flex: 0 0 45%;
    max-width: 45%;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    align-items: flex-end;
}
#page .slide-content{
    max-width: 750px;
    padding: 150px 0 0 50px;
}
#page .slide-content .slide-title{
    font-size: 68px;
    font-family: 'Catamaran';
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.2px;
    margin: 0 0 15px;
    color: var(--tm-black);
}
#page .slide-content .slide-title span{
    color: var(--tm-red);
}
#page .slide-content .slide-para{
    font-size: 21px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.3px;
    opacity: 0.7;
    color: var(--tm-black);
    margin: 0;
}
#page .slide-content .slide-cta{
    margin-top: 40px;
}
#page .slide-inner{
    height: 580px;
    display: flex;
    flex-direction: column;
    background-size: cover;
}
#page .purpose-banner .slide-front img{
    max-width: 445px;
    transform: translateX(-40px);
}
#page .purpose-banner{
    position: relative;
}
#page .purpose-banner .slide-inner:before,
#page .mission-banner .slide-inner:before,
#page .we-make:before,
#page .sugat-quote:before,
#page .page-banner:before{
    content: '';
    width: 529px;
    height: 548px;
    position: absolute;
    right: -250px;
    top: -240px;
    background: url('./assets/img/banner-curve.svg') no-repeat 0 0;
    background-size: cover;
    z-index: 0;
}
#page #content .purpose-banner .slide-inner:before{
    display: none;
}
#page .mission-banner .slide-inner:before{
    top: -230px;
    right: -20px;
    opacity: 0;
}
#page .mission-banner.slick-active .slide-inner:before{
    opacity: 1;
}

#page .dignity-banner .slide-right{
    display: none;
}
#page .dignity-banner .slide-left{
    align-items: flex-end;
    display: flex;
    justify-content: center;
    flex: 0 0 100%;
    max-width: 100%;
}
#page .dignity-banner .slide-content{
    padding: 0 0 75px;
    max-width: 100%;
    text-align: center;
}
#page .dignity-banner .slide-content .slide-title,
#page .dignity-banner .slide-content .slide-para{
    color: var(--tm-white);
    text-shadow: 0 4px 4px rgba(0,0,0,.25);
    opacity: 1;
}
#page .mission-banner .slide-left{
    flex: 0 0 33%;
    max-width: 33%;
}
#page .mission-banner .slide-right{
    flex: 0 0 67%;
    max-width: 67%;
}
#page .mission-banner .slide-front img{
    max-width: 860px;
}

#page .mission-banner .slide-content .slide-title{
    font-size: 64px;
    position: relative;
}
#page .mission-banner .slide-content .slide-title span{
    font-size: 81.25%;
    color: var(--tm-black);
    display: block;
    margin-top: 10px;
}
#page .mission-banner .slide-content .slide-para{
    font-size: 36px;
    font-family: 'Catamaran';
    font-weight: 600;
    line-height: 125%;
    letter-spacing: 0.2px;
    color: var(--tm-black);
    opacity: 1;
    margin-top: -5px;
}
#page .mission-banner .slide-content .slide-title:before{
    content: "";
    width: 392px;
    height: 42px;
    position: absolute;
    left: 22px;
    top: 54px;
    background: url('./assets/img/text-under-shape.svg') no-repeat 0 0;
    background-size: contain;
}
#page .slick-slider .slick-arrow{
    font-size: 0;
    border: 0;
    border-radius: 50%;
    padding: 0;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    right: -10px;
    background: var(--tm-black);
    z-index: 3;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
#page .slick-slider .slick-arrow.slick-prev{
    right: auto;
    left: -10px;    
}
#page .slick-slider:hover .slick-arrow.slick-prev{
    opacity: 1;
    left: 20px;
}
#page .slick-slider:hover .slick-arrow.slick-next{
    opacity: 1;
    right: 20px;
}
#page .slick-slider .slick-arrow:before{
    content: '\e800';
    font-family: 'tm';
    font-size: 14px;
    opacity: 1;
}
#page .slick-slider .slick-arrow.slick-prev:before{
    transform: rotate(180deg);
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
#page .purpose-banner .slide-content,
#page .mission-banner .slide-content{
    opacity: 0;
}
#page .purpose-banner.slick-active .slide-content,
#page .mission-banner.slick-active .slide-content{
    opacity: 1;
    animation: fadeInLeft 0.5s ease-in;
  -webkit-animation: fadeInLeft 0.5s ease-in;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
#page .purpose-banner .slide-front,
#page .mission-banner .slide-front{
    opacity: 0;
}
#page .purpose-banner.slick-active .slide-front,
#page .mission-banner.slick-active .slide-front{
    opacity: 1;
    animation: fadeInRight 0.5s ease-in;
  -webkit-animation: fadeInRight 0.5s ease-in;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
#page .dignity-banner .slide-content{
    opacity: 0;
}
#page .dignity-banner.slick-active .slide-content{
    opacity: 1;
    animation: fadeInUp 0.5s ease-in;
  -webkit-animation: fadeInUp 0.5s ease-in;
}






#page .footer-top{
    padding: 40px 0;
}
#page .foo-address{
    display: block;
}
#page .foo-address > .e-child{
    width: 50%;
    float: left;
}
#page .foo-address > .e-child:first-child{
    width: 100%;
}
#page .foo-sitemap ul::before,
#page .foo-sitemap ul::after{
    display: none;
}
#page .foo-sitemap ul.hfe-nav-menu {
    max-width: 380px;
    display: flex;
    flex-wrap: wrap;
}
#page .foo-sitemap ul.hfe-nav-menu li{
    width: 50%;
    padding: 8px 0;
}
#page .foo-sitemap ul.hfe-nav-menu li a{
    display: inline-flex;
    padding: 0;
}

#content{
    min-height: 60vh;
    overflow: hidden;
}
#page .copyright{
    padding: 23px 0 24px;
    border-top-color: rgba(11,11,11,.1);
}
#page .copyright .e-child{
    padding: 0;
}
#page footer#colophon .copyright .hfe-copyright-wrapper,
#page footer#colophon .copyright ul li a{
    font-size: 14px;
}
#page .copyright ul{
    margin: 0;
}
#page .copyright ul li{
    margin: 0 0 0 32px;
    position: relative;
}
#page .copyright ul li + li:before{
    content: "";
    width: 1px;
    height: 15px;
    background: var(--tm-black);
    position: absolute;
    left: -16px;
    top: 2px;
    opacity: 0.4;
}



#page .about-banner{
    position: relative;
}
#page .about-banner:before{
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2e7d3+31,f2e7d3+36,f2e7d3+45&1+31,0.98+36,0+45 */
    background: linear-gradient(to right, rgba(242,231,211,1) 36%,rgba(242,231,211,0.98) 37%,rgba(242,231,211,0) 45%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#page .about-banner > div:first-child{
    z-index: 2;
}

#page .make-differ .e-n-tab-title{
    letter-spacing: 0.3px;
    color: var(--tm-black);
    padding: 0 0 0 30px;
    background: none;
    position: relative;
}
#page .make-differ .e-n-tab-title span{
    font-size: 34px;
    line-height: normal;
    opacity: 0.4;
}
#page .make-differ .e-n-tab-title[aria-selected="true"]{
    color: var(--tm-blue);
}
#page .make-differ .e-n-tab-title[aria-selected="true"] span{
    opacity: 1;
}
#page .make-differ .e-n-tabs{
    align-items: center;
}
#page .make-differ .e-n-tabs-heading{
    gap: 0;
    row-gap: 15px;    
    position: relative;
    max-width: 420px;
}
#page .make-differ .e-n-tabs-heading:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: var(--tm-black);
    opacity: 0.3;
}
#page .make-differ .e-n-tabs-content{
    margin-left: 200px;
    width: 480px;
    max-width: 480px;
    height: 600px;
    position: relative;
    margin-top: -60px;
}
#page .make-differ .e-n-tabs-content .elementor-widget-image{
    border-radius: 25px;
    overflow: hidden;
}
#page .make-differ .e-n-tabs-content > .e-child{
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0.6);
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
#page .make-differ .e-n-tabs-content > .e-child.e-active{
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
#page .make-differ .e-n-tab-title:before{
    content: "";
    width: 2px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--tm-blue);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
#page .make-differ .e-n-tab-title[aria-selected="true"]:before{
    opacity: 1;
    visibility: visible;
}
#page .we-make{
    position: relative;
    overflow: hidden;
}
#page .we-make:before{
    top: -93px;
    right: -72px;
    left: auto;
}
#page .we-make:after,
#page .sugat-quote:after,
#page .page-banner:after{
    content: '';
    width: 694px;
    height: 220px;
    position: absolute;
    right: auto;
    top: auto;
    left: -38px;
    bottom: -102px;
    background: url('./assets/img/sec-curve-bot.svg') no-repeat 0 0;
    background-size: cover;
    z-index: 0;
}
#page .vision .elementor-widget-image{
    overflow: hidden;
}

#page .purposeful img{
    object-fit: cover;
}


#page .ideal-slick{
    max-width: 1140px;
    padding: 0 95px;
}

#page .ideal-slick .ideal-row {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
}
#page .ideal-slick .ideal-left,
#page .ideal-slick .ideal-right{
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
    display: flex;
}
#page .ideal-slick .ideal-wh{
    padding: 25px;
    border-radius: 25px;
    background: var(--tm-white);
    width: 100%;
    height: 100%;
}
#page .ideal-slick .ideal-img{
    width: 100%;
    height: 320px;
    border-radius: 25px;
    overflow: hidden;
    display: flex;
}
#page .ideal-slick .ideal-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#page .ideal-slick .ideal-right .ideal-wh{
    padding: 25px 30px;
}
#page .ideal-slick .ideal-name {
    font-size: 28px;
    color: var(--tm-black);
    margin: 20px 0 10px;
    text-align: center;
}
#page .ideal-slick .ideal-desi {
    color: var(--tm-red);
    font-size: 17px;
    text-align: center;
}
#page .ideal-slick .ideal-desc {
    font-size: 17px;
    letter-spacing: 0.2px;
    line-height: 170%;
}

#page .ideal-slick.slick-slider .slick-arrow,
#page .ideal-slick.slick-slider .slick-arrow.slick-prev{
    opacity: 1;
    visibility: visible;
    right: 0;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--tm-red);
}
#page .ideal-slick.slick-slider .slick-arrow.slick-prev{
    right: auto;
    left: 0;
}
#page .ideal-slick.slick-slider:hover .slick-arrow.slick-prev{
    left: 0;
}
#page .ideal-slick.slick-slider:hover .slick-arrow.slick-next{
    right: 0;
}
#page .ideal-slick.slick-slider .slick-arrow::before{
    content: "";
    width: 13px;
    height: 13px;
    border: solid 1px #fff;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg) translateY(1px) translateX(-1px);
    -webkit-transform: rotate(45deg) translateY(1px) translateX(-1px);
    display: inline-flex;
}
#page .ideal-slick.slick-slider .slick-arrow.slick-prev::before{
    transform: rotate(225deg) translateY(2px) translateX(-2px);
    -webkit-transform: rotate(225deg) translateY(2px) translateX(-2px);
}


#page .sugat-quote{
    position: relative;
    overflow: hidden;
}
#page .sugat-quote:before{
    top: -213px;
    right: -102px;
    left: auto;
}
#page .sugat-quote:after{
    left: -128px;
    bottom: -92px;
}
#page .sugat-quote .push-right{
    left: 100px;
    position: relative;
}

#page #content .force-behind .rise-items .icon,
#page #content .force-behind .rise-items .icon::before,
#page #content .force-behind .rise-items .icon::after{
    width: 112px;
    height: 112px;
    font-size: 112px;
}
#page .mrsugat-banner h2.elementor-heading-title{
    position: relative;
}
#page .banner h1.elementor-heading-title span{
    font-size: inherit !important;
}
#page .mrsugat-banner h2.elementor-heading-title:before,
#page .mrsugat-banner h2.elementor-heading-title:after{
    content: '\e801';
    font-family: 'tm';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-size: 44px;
    color: #F3D989;
}
#page .mrsugat-banner h2.elementor-heading-title:before{
    position: absolute;
    left: -55px;
    top: -10px;
}
#page .mrsugat-banner h2.elementor-heading-title:after{
    transform: rotate(180deg) translateY(15px);
    -webkit-transform: rotate(180deg) translateY(15px);
}

#page .two-by-two .elementor-widget-image{
    height: 100%;
}
#page .two-by-two .elementor-widget-image img {
    height: 100%;
    object-fit: cover;
}

#page .tmform-row{
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
}
#page .tmform-row .tmform-col{
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}
#page .tmform-row .tmform-col-6{
    flex: 0 0 50%;
    max-width: 50%;
}

#page .form-group{
    position: relative;
    margin-bottom: 20px;
}
#page .form-group label{
    font-size: 16px;
    padding: 0;
    margin-bottom: 5px;
}
#page .form-group p{
    margin: 0;
}
#page .form-group .form-control{
    font-size: 16px;
    height: 44px;
    padding: 12px 20px;
    border-radius: 8px;
    background: #fff;
    outline: none;
    outline-offset: 0;
    border: 0;
}
#page .form-group.form-btns{
    padding-top: 10px;
    text-align: center;
    margin-bottom: 0;
}
#page .form-group textarea.form-control{
    resize: none;
    height: 150px;
}
#page .form-group .form-control:focus,
#page .form-group .form-control:focus-within{
    background: #fff;
    outline: none;
    outline-offset: 0;
}
#page .contact-sec{
    position: relative;
}
#page .contact-sec:before{
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    right: auto;
    width: 27vw;
    height: 100%;
    background: #F3D989;
}
#page .contact-sec > .e-con-inner{
    z-index: 2;
}

#page .contact-left .icon *{
    display: none;
}
#page .contact-left .icon:before{
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    font-size: 20px;
}
#page .con-address .e-child{
    position: relative;
    padding-left: 40px;
}
#page .con-address .e-child .icon {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    color: var(--tm-black);
    opacity: 0.6;
}
#page .con-address .e-child .elementor-widget-heading{
    margin: 0;
}
#page .con-address .e-child a{
    text-decoration: none;
    color: var(--tm-black);
}
#page .wpcf7-not-valid-tip{
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 14px;
    color: #f00;
    letter-spacing: 0.4px;
}
#page .form-group.form-btns{
    display: flex;
    justify-content: center;
}
#page .form-group.form-btns .form-field{
    position: relative;
}
#page .form-group.form-btns .wpcf7-spinner{
    position: absolute;
    margin: 0 0 0 20px;
    left: 100%;
    top: 12px;
}
#page .wpcf7 form .wpcf7-response-output{
    color: #00a0d2;
    padding: 0.5em 1em;
    margin: 2em 0 0;
}
#page .wpcf7 form.sent .wpcf7-response-output{
    color: #46b450;
}
#page .wpcf7 form.invalid .wpcf7-response-output,
#page .wpcf7 form.unaccepted .wpcf7-response-output,
#page .wpcf7 form.payment-required .wpcf7-response-output
#page .wpcf7 form.failed .wpcf7-response-output,
#page .wpcf7 form.aborted .wpcf7-response-output{
    color: #ff0000;
    border-color: #ff0000;
}
#page .wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}

#page .page-banner{
    position: relative;
}
#page .page-banner:before{
    top: -373px;
    right: -122px;
    left: auto;
}
#page .page-banner:after{
    left: -128px;
    bottom: -112px;
    right: auto;
    top: auto;
}
#page .page-banner .back-link a{
    color: var(--tm-black);
    opacity: 0.6;
}
#page .page-banner .back-link a:hover{
    color: var(--tm-red);
    opacity: 1;
}
#page .events-gallary .gallery{
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    row-gap: 24px;
}
#page .events-gallary .gallery .gallery-item{
    flex: 0 0 25%;
    max-width: 25%;
    display: flex;
    padding: 0 12px;
}
#page .events-gallary .gallery-item .gallery-icon{
    display: flex;
}
#page .events-gallary .gallery-item .gallery-icon img{
    height: 220px;
    object-fit: cover;
    max-height: 220px;
}
#page .purposeful{
    height: 350px;
}

#page #content .we-make:before,
#page #content .we-make:after,
#page #content .sugat-quote:after,
#page #content .sugat-quote:before,
#page #content .page-banner:after,
#page #content .page-banner:before,
#page #content .back-link{
    display: none;
}














/*===========NEW DESIGN CSS START===========*/

#page .about-testi-hide{
    display: none !important;
}
#page .tm-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow{
    margin-left: 6px;
}
#page .tm-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow i{
    display: none;
}
#page .tm-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M1 3.5L6 8.5L11 3.5' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
  background-size: contain;
}
#page .tm-menu .hfe-nav-menu__layout-horizontal .current-menu-parent .hfe-nav-menu .sub-arrow::after {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M1 3.5L6 8.5L11 3.5' stroke='#fb0000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
}

#page .tm-menu .hfe-nav-menu .sub-menu{
    margin-top: 20px;
    background: var(--tm-cream);
    box-shadow: none;
    border-radius: 6px;
}
#page .tm-menu .hfe-nav-menu .sub-menu a{
    background-color: transparent;
}
#page .tm-menu .hfe-nav-menu .sub-menu a:after{
    display: none;
}
#page .tm-menu .hfe-nav-menu .sub-menu li:first-child{
    border-radius: 6px 6px 0 0;
}
#page .tm-menu .hfe-nav-menu .sub-menu li:last-child{
    border-radius: 0 0 6px 6px;
}
#page .tm-menu .hfe-nav-menu .sub-menu::before {
  content: "";
  position: absolute;
  top: -16px; /* position above submenu */
  left: 15px; /* adjust to align under parent link */
  border-width: 8px;
  border-style: solid;
  border-color: transparent; /* triangle */
  border-bottom-color: var(--tm-cream);
}

#page .wedo-cards .elementor-button{
    background: none;
    color: var(--tm-yellow);
    text-transform: capitalize;
}
#page .wedo-cards .elementor-button:after{
    width: 22px;
    height: 22px;
    font-size: 11px;
    transform: rotate(0);
    background: var(--tm-yellow);
    color: var(--tm-black);
    left: 8px;
}
#page .short-b-con{
    position: relative;
    padding-right: 284px;
}
#page .short-b-img{
    position: absolute;
    width: 256px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}

#page .btn-green .elementor-button{
    background: var(--tm-green);
    color: var(--tm-white);
}
#page .btn-orange .elementor-button{
    background: var(--tm-orange);
    color: var(--tm-white);
}
#page .btn-blue .elementor-button{
    background: var(--tm-blue);
    color: var(--tm-white);
}

a[href="#"] {
  pointer-events: none;
  cursor: default;
}

#page .gallery-change .ideal-slick .ideal-name,
#page .gallery-change .ideal-slick .ideal-desi{
    display: none;
}
#page .gallery-change .ideal-slick .ideal-wh{
    border-radius: 0;
    background: none;
    padding: 0;
}
#page .gallery-change .ideal-slick .ideal-inner{
    background: var(--tm-white);
    border-radius: 25px;
    padding: 25px;
}
#page .gallery-change .ideal-slick .ideal-row{
    flex-direction: column;    
}
#page .gallery-change .ideal-slick .ideal-left,
#page .gallery-change .ideal-slick .ideal-right{
    flex: 0 0 100%;
    max-width: 100%;
}
#page .gallery-change .ideal-slick .ideal-img{
    height: auto;
}
#page .gallery-change .ideal-slick{
    max-width: 980px;
    padding: 0 75px;
}
#page .gallery-change .ideal-slick .ideal-desc{
    font-size: 20px;
    line-height: 160%;
    text-align: center;
    padding: 25px 0 20px;
    font-weight: 500;
}
#page .gallery-change .ideal-slick.slick-slider .slick-arrow{
    background: var(--tm-blue);
}

#page .awards-grid > .elementor-element > .elementor-element,
#page .wedo-cards > .e-con-inner > .elementor-element > .elementor-element,
#page .intiate-grid > .elementor-element > .elementor-element{
    height: 100%;
}


#page .tmform-row .form-btns p{
    position: relative;
}
#page .tmform-row .form-btns p:after{
    content: '\e800';
    font-family: 'tm';
    opacity: 100;
    background: none;
    position: relative;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: var(--tm-black);
    color: #fff;
    border-radius: 50%;
    left: -45px;
    transform: rotate(-45deg);
    pointer-events: none;
}
#page .tmform-row .form-btns .elementor-button{
    padding-right: 52px;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--tm-black);
}
#page .impact-grid > .e-con-inner > .elementor-element{
    overflow: hidden;
}

#page .impact-grid .elementor-widget-text-editor {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
#page .impact-grid > .e-con-inner > .elementor-element:first-child .elementor-widget-text-editor{
    max-width: 400px;
}
#page .events-cards a{
    text-decoration: none;
}

#page .back-btn .elementor-button{
    flex-direction: row-reverse;
    color: var(--tm-yellow);
    background: none;
    padding: 0;
    text-transform: none;
}
#page .back-btn .elementor-button:after{
    width: 22px;
    height: 22px;
    background: var(--tm-yellow);
    color: var(--tm-black);
    left: -6px;
    transform: rotate(180deg);
}


#page header#masthead{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
}
#page .tm-header {
  box-shadow: 0 15px 25px rgba(11,11,11,.04);
}
#page header#masthead + #content{
    margin-top: 90px;
}

#progressBar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: var(--tm-blue);
    z-index: 9999;
    opacity: .9;
}


.banner-img-hide {
	display: none !important
}
#page .welcome-video {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50vw;
}
#page .welcome-video .e-hosted-video{
    width: 100%;
    height: 100%;
}
#page .welcome-video .elementor-video{
	height: 100%;
}



#page .women-sec,
#page .children-sec{
    position: relative;
    overflow: hidden;
}
#page .children-sec:before,
#page .women-sec:before{
    content: '';
    position: absolute;
    inset: 0;
    right: auto;
    width: 78vw;
    background: var(--tm-orange);
    z-index: 0;
}
#page .children-sec:before{
    left: auto;
    right: 0;
    background: #F45E5E;
}
/*============NEW DESIGN CSS END============*/




@media screen and (max-width: 1399px) {
    #page .mh-map {
        transform: none;
    }
    #page .e-con-inner,
    #page .tm-header .e-con-inner{
        padding-left: 20px;
        padding-right: 20px;
    }
    #page .banner h1.elementor-heading-title,
    #page .banner h2.elementor-heading-title,
    #page .slide-content .slide-title,
    #page .mission-banner .slide-content .slide-title{
        font-size: 52px;
    }    
    #page .mission-banner .slide-content .slide-para{
        font-size: 30px;
    }
    #page .mission-banner .slide-content .slide-title:before{
        width: 334px;
    }
    #page .mission-banner .slide-front img{
        transform: translateX(-70px);
    }
    #page .make-differ .e-n-tabs-content{
        transform: translateY(50px);
    }
    #page .short-b-con {
        position: relative;
        padding-right: 264px;
    }
}

@media screen and (max-width: 1199px) {
    #page .slide-content{
        padding: 130px 0 0 50px;
    }
    #page .slick-slider .slick-arrow{
        right: 0;
        opacity: 1;
        border-radius: 8px 0 0 8px;
        height: 40px;
        width: 30px;
    }
    #page .slick-slider:hover .slick-arrow.slick-next{
        right: 0;
    }
    #page .slick-slider .slick-arrow.slick-prev{
        right: auto;
        left: 0;
        border-radius: 0 8px 8px 0;
    }
    #page .slick-slider:hover .slick-arrow.slick-prev{
        left: 0;
    }
    #page .slide-content .slide-para{
        font-size: 18px;
    }
    #page .mission-banner .slide-front img{
        transform: translateX(-40px);
    }
    #page .mission-banner .slide-front img{
        max-width: 800px;
    }
    #page .slide-inner{
        height: 540px;
    }
    #page .purpose-banner .slide-front img{
        max-width: 400px;
    }

    #page .make-differ .e-n-tabs-content{
        margin-left: auto;        
    }
    #page .make-differ .e-n-tabs-content .elementor-widget-image{
        border-radius: 0;
        text-align: right;
    }
    #page .make-differ .e-n-tabs-content .elementor-widget-image img{
        max-width: 380px;
        height: 480px;
        border-radius: 25px;
        object-fit: cover;
    }

    #page .banner h1.elementor-heading-title,
    #page .banner h2.elementor-heading-title,
    #page .slide-content .slide-title,
    #page .mission-banner .slide-content .slide-title{
        font-size: 48px;
    }  

    #page .make-differ .e-n-tab-title span{
        font-size: 28px;
    }

    #page .children-sec:before,
    #page .women-sec:before{
        width: 100%;   
    }
    
}

@media screen and (max-width: 1099px) {
    #page .banner h2.elementor-heading-title,
    #page .slide-content .slide-title,
    #page .mission-banner .slide-content .slide-title {
        font-size: 48px;
    }
    #page .mission-banner .slide-content .slide-para {
        font-size: 28px;
    }
    #page .mission-banner .slide-content .slide-title:before {
        width: 300px;
        top: 48px;
    }
    #page .mission-banner .slide-front img{
        transform: translate(0);
        max-width: 860px;
    }
    #page .mission-banner .slide-front{
        width: 425px;
        overflow: hidden;
        margin-left: -70px;
    }
    #page .mission-banner .slide-content {
        padding: 150px 0 0 50px;
    }
    #page .tm-header .tm-menu{
        margin-left: 30px;
    }
    #page .mission-banner .slide-left,
    #page .mission-banner .slide-right{
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 1024px) {    
    #page .tm-menu .hfe-dropdown{
        position: fixed;
        inset: 0 !important;
        height: 100vh;
        right: auto;
        width: 340px !important;
        background: #fff;
        opacity: 100;
        visibility: visible;
        display: block;
        pointer-events: auto;
        transition: all 0.3s ease-in-out;
        transform: translateX(-340px);
        -webkit-transform: translateX(-340px);
        z-index: 99;        
    }
    #page .tm-menu .hfe-dropdown.menu-is-active{
        opacity: 100;
        visibility: visible;
    }
    #page .tm-menu .hfe-dropdown.menu-is-active{
        transform: translateX(-0);
        -webkit-transform: translateX(0);
    }
    #page .tm-menu .hfe-nav-menu__toggle.hfe-active-menu > span{
        position: fixed !important;
        width: 100%;
        height: 100%;
        inset: 0;
        z-index: 99;
        background: rgba(0,0,0,.5);
        clip: inherit;
        clip-path: inherit;
        clip-rule: inherit;
    }
    #page .tm-menu .hfe-dropdown .hfe-nav-menu{
        display: block;
        opacity: 1;
        visibility: visible;
    }
    #page .tm-menu ul{
        border-bottom: solid 1px #c4c4c4;
    }
    #page .tm-menu ul > li{
        padding: 0;
    }
    #page .tm-menu ul > li a{
        display: flex;
        padding: 15px;
    }
    #page .tm-header .tm-menu{
        margin-left: auto;
        margin-right: 0;
    }
    #page .tm-header .tm-btns,
    #page .tm-menu ul > li > a:after{
        margin-left: 0;
        display: none;
    }
    #page .tm-menu .hfe-nav-menu__toggle{
        padding: 0;
        width: 34px;
        height: 34px;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #page .tm-menu .hfe-nav-menu-icon{
        width: 100%;
        height: 2px;
        background: var(--tm-black);
        position: relative;
        width: 22px;
    }
    #page .tm-menu .hfe-nav-menu-icon:before,
    #page .tm-menu .hfe-nav-menu-icon:after{
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        background: var(--tm-black);
        transform: translateY(-8px);
    }
    #page .tm-menu .hfe-nav-menu-icon:after{
        transform: translateY(8px);
    }
    #page .tm-menu .hfe-nav-menu-icon{
        padding: 0;
    }
    #page .tm-menu .hfe-nav-menu-icon svg{
        display: none;
    } 
    #page .tm-menu .hfe-nav-menu__toggle{
        display: flex;
    }
    #page .elementor-widget-text-editor,
    #page .ideal-slick .ideal-desc,
    #page .copyright .hfe-copyright-wrapper,
    #page .elementor-widget-text-editor p,
    #page .foo-sitemap ul.hfe-nav-menu li a,
    #page .copyright ul li a,
    #page .ideal-slick .ideal-desi{
        font-size: 16px;
    }

    #page .make-differ .e-n-tab-title span {
        font-size: 30px;
    }
    #page .make-differ{
        margin-top: -150px;
        margin-bottom: -80px;
    }
    #page .we-make::before {
        top: -235px;
        right: -180px;
    }
    #page .we-make:after{
        left: -150px;
    }
    #page .ideal-slick .ideal-name {
        font-size: 24px;
    }
    #page .ideal-slick .ideal-img{
        height: 280px;
    }
    #page #content .force-behind .rise-items .icon{
        transform: scale(0.9);
    }

    #page .page-banner:before{
        top: -415px;
        right: -200px;
    }
    #page .page-banner:after{
        left: -220px;
    }
    #page .events-gallary .gallery .gallery-item {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }









    /*New CSS*/

    #page .tm-menu .hfe-nav-menu .menu-item-has-children .sub-menu{
        margin-top: 0;
        border-top: solid 1px transparent;
        border-bottom: 0;        
    }
    #page .tm-menu .hfe-nav-menu .menu-item-has-children .sub-menu.sub-menu-open{
        border-top-color: #e8e8e8;
        padding: 8px 0;
    }
    #page .tm-menu ul .sub-menu li{
        border: 0;
    }
    #page .tm-menu ul .sub-menu li a{
        padding: 8px 15px 8px 38px;
        background: none;
    }
    #page .tm-menu ul .sub-menu li a:before{
        content: "-";
        display: block;
        left: 20px;
        top: 6px;
    }
    #page .tm-menu .hfe-has-submenu .sub-menu-active a,
    #page .tm-menu .hfe-nav-menu .menu-item-has-children .sub-menu.sub-menu-open{
        background: var(--tm-cream);
        border-radius: 0;
    }

    #page .tm-menu .hfe-nav-menu .sub-menu:before{
        display: none;
    }
    #page .intiate-grid > .elementor-element > .elementor-element .elementor-widget-image img{
        width: 100%;
    }

    #page .welcome-video{
        position: static;
        width: 100%;
    }
    #page .welcome-video .elementor-video{
        height: auto;
    }
    #page .welcome-video .e-hosted-video{
        aspect-ratio: auto;
    }
    #page .banner .e-con-inner{
        padding: 0;
        flex-direction: column-reverse;
    }
    
}

@media screen and (max-width: 880px) {
    #page .stats-items > .e-child{
        padding: 40px 20px 30px 50px;
    }
    #page .stats-items > .e-child:nth-child(3){
        border: 0;
    }
    #page .stats-items > .e-child + .e-child + .e-child{
        border-top: solid 1px rgba(11,11,11,.1);
    }

    #page .foo-address{
        display: flex;
        margin-left: -12px;
        margin-right: -12px;
        margin-top: 50px;
        gap: 0;
    }
    
    #page .foo-address > .e-child{
        width: 30%;
        padding-left: 12px;
        padding-right: 12px;
    }
    #page .foo-address > .e-child:first-child{
        width: 40%;
    }
    #page .foo-sitemap{
        padding-left: 12px;
    }

    #page .slide-row{
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }
    #page .dignity-banner .slide-row{
        align-items: flex-end;
    }
    #page .slide-inner{
        height: 800px;
    }
    #page .slide-left,
    #page .slide-right,
    #page .mission-banner .slide-left,
    #page .mission-banner .slide-right{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #page #content .slide-content{
        max-width: 640px;
        padding-left: 0;
        text-align: center;
        margin: 0 auto;
        padding-top: 80px;
    }
    #page #content .slide-front{
        margin: auto;
    }
    #page #content .mission-banner .slide-front{
        margin-bottom: -40px;
    }
    #page .purpose-banner .slide-front img {
        max-width: 350px;
        margin-bottom: -20px;
    }
    #page .purpose-banner .slide-inner:before,
    #page .mission-banner .slide-inner:before{
        display: none;
    }
    #page .mission-banner .slide-content .slide-title::before {
        width: 270px;
        top: 45px;
        left: 0;
        right: 0;
        margin: auto;
        transform: translateX(20px);
    }

    #page .elementor-button{
        height: 52px;
        padding: 10px 30px;
    }
    #page .tm-header .elementor-button{
        height: 44px;
        padding: 10px 15px;
        font-size: 15px;
        font-weight: 300;
    }
    #page .elementor-button:after{
        top: -1px;
    }

    #page .media-logos .e-con-inner,
    #page .rise-items > .e-con-inner,
    #page .work-cards{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #page .media-logos .e-con-inner{
        row-gap: 0;
    }

    #page .hfe-site-logo-container{
        display: flex;
    }
    #page .tm-header .tm-logo img{
        width: 100px;
    }
    #page .tm-header .e-con-inner{
        height: 78px;
    }
    #page header#masthead + #content {
        margin-top: 78px;
    }
    #page .about-banner:before{
        display: none;
    }
    #page #content .ideal-slick .ideal-wh{
        border-radius: 0;
        padding: 0;
        background: none;
    }
    #page .ideal-slick .ideal-row{
        flex-wrap: wrap;
    }
    #page .ideal-slick .ideal-left,
    #page .ideal-slick .ideal-right{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #page .ideal-slick .ideal-inner{
        background: #fff;
        padding: 35px;
        border-radius: 25px;
    }
    #page .ideal-slick .ideal-desc{
        text-align: justify;
        margin-top: 10px;
    }
    #page .ideal-slick.slick-slider .slick-arrow,
    #page .ideal-slick.slick-slider .slick-arrow.slick-prev{
        width: 38px;
        height: 38px;
    }
    #page .about-banner{
        flex-direction: column;
    }
    #page .about-b-content{
        padding: 40px 0;
    }
    #page .about-b-bg{
        position: static;
        width: 100%;
        min-height: 400px;
        background-position: center;
    }
    #page .about-b-content .elementor-heading-title span{
        padding-right: 8px;
    }    
    #page .about-b-content .elementor-widget-heading{
        max-width: 480px;
        width: 100%;
        margin: 0 auto;
    }
    #page .testimonial .elementor-heading-title{
        max-width: 500px;
    }
    #page .testimonial .elementor-heading-title span{
        display: inline-block;
    }
    #page .make-differ {
        margin-top: 0;
        margin-bottom: 0;
    }
    #page .make-differ .e-n-tabs-content .elementor-widget-image img {
        max-width: 320px;
        height: 400px;
    }
    #page .make-differ .e-n-tabs {
        align-items: flex-start;
    }
    #page .make-differ .e-n-tabs-content{
        transform: translateY(30px);
        height: auto;
    }
    #page .we-make::before {
        top: -290px;
        right: -280px;
    }
    #page .we-make::after {
        left: -210px;
        bottom: -130px;
    }
    #page #content .force-behind .rise-items .icon {
        transform: scale(0.75);
    }
    #page .sugat-quote::before {
        top: -290px;
        right: -320px;
    }
    #page .sugat-quote::after {
        left: -180px;
        bottom: -120px;
    }
    #page .sugat-quote .push-right {
        left: 60px;
    }
    #page .sugat-philosophy .philosophy-img{
        max-width: 300px;
    }
    #page .mrsugat-profile{
        min-width: 320px;
    }
    #page .mrsugat-banner h2.elementor-heading-title::before,
    #page .mrsugat-banner h2.elementor-heading-title::after{
        font-size: 38px;
    }
    #page .mrsugat-banner h2.elementor-heading-title::after{
        transform: rotate(180deg) translateY(-30px);
        -webkit-transform: rotate(180deg) translateY(-30px);
    }
    #page .mrsugat-banner h2.elementor-heading-title{
        margin-top: 0;
        font-size: 42px;
        max-width: 350px;
    }
    #page .gallery-change .ideal-slick .ideal-desc{
        font-size: 16px;
    }

    #page .contact-sec:before{
        right: 0;
        bottom: auto;
        width: 100vw;
        height: 220px;
    }
    #page .contact-left{
        box-shadow: 2px 10px 25px 0px rgba(0, 0, 0, 0.05);
    }
    #page .make-differ .e-n-tab-title span {
        font-size: 24px;
    }

}

@media screen and (max-width: 767px) {
    #page .foo-logo{
        margin-bottom: 40px;
    }
    #page .copyright{
        text-align: center;
    }
    #page .copyright ul{
        justify-content: center;
        padding-top: 15px;
    }
    #page .foo-address{
        flex-wrap: wrap;
        margin-top: 30px;
    }
    #page .foo-address > .e-child:first-child{
        width: 100%;
        padding-bottom: 10px;
    }
    #page .foo-address > .e-child{
        width: 50%;
        padding: 0;
    }
    #page .foo-sitemap{
        padding: 0;
    }
    #page .slide-container{
        padding-left: 20px;
        padding-right: 20px;
    }
    #page .banner h1.elementor-heading-title,
    #page .banner h2.elementor-heading-title,
    #page .slide-content .slide-title,
    #page .mission-banner .slide-content .slide-title {
        font-size: 38px;
    }
    #page .slide-content .slide-title,
    #page .mission-banner .slide-content .slide-title,
    #page .about-b-content .elementor-heading-title{
        font-size: 30px;
    }
    #page .slide-content .slide-para {
        font-size: 16px;
    }
    #page .purpose-banner .slide-front img {
        max-width: 260px;
        transform: translateX(0);
        margin-bottom: -30px;
    }
    #page #content .slide-content{
        padding-top: 50px;
    }
    #page .slide-content .slide-cta {
        margin-top: 25px;
    }
    #page .slide-row{
        align-items: flex-start;
    }
    #page .slide-inner {
        height: 580px;        
    }
    #page .dignity-banner .slide-inner{
        background-position-x: -420px;
    }
    #page .elementor-button {
        height: 48px;
        padding: 10px 20px;
    }
    #page .mission-banner .slide-content .slide-title::before {
        width: 180px;
        top: 30px;
    }
    #page .mission-banner .slide-content .slide-title{
        margin-bottom: 10px;
    }
    #page .mission-banner .slide-content .slide-para {
        font-size: 19px;
    }
    #page .mission-banner .slide-front img {
        max-width: 580px;
    }
    #page #content .mission-banner .slide-front {
        margin-bottom: -100px;
        max-width: 290px;
    }
    #page .mission-banner .slide-left{
        transform: translateY(30px);
    }
    #page .sec-heading h2{
        font-size: 24px;
    }
    #page #content .stats-items > .e-child{
        border: 0;
        padding: 0;
        min-height: auto;
        max-width: 50%;
        flex: 0 0 50%;
    }
    #page #content .stats-items{
        margin: 20px 0 60px;
        display: flex;
        row-gap: 40px;
        flex-wrap: wrap;
    }
    #page .years-change .e-con-inner .e-con-inner,
    #page .two-decade .e-con-inner .e-con-inner,
    #page .about-sugat .e-con-inner .e-con-inner,
    #page .rise-items .e-con-inner,
    #page .media-logos .e-con-inner{
        padding: 0;
    }
    #page .rise-items .e-con-inner .e-child{
        flex: 0 0 50%;
        max-width: 50%;
    }
    #page .about-sugat .sec-heading + .elementor-widget-heading h2{
        font-size: 16px;
    }
    #page .work-cards > .e-child{
        flex: 0 0 50%;
        max-width: calc(50% - 10px);
    }
    #page .work-cards > .e-child img{
        width: 100%;
    }
    #page .media-logos .elementor-widget-image img{
        width: 140px;
    }
    #page .about-b-bg{
        min-height: 320px;
    }

    #page .make-differ .e-n-tabs-heading{
        height: auto;
        display: flex;
        flex-wrap: nowrap;
        max-width: 100%;
        gap: 15px;
        padding: 0 10px;
        justify-content: flex-start;
        overflow-x: auto;
    }
    #page .make-differ .e-n-tabs-content{
        transform: translateY(0);
        height: 400px;
        display: flex;
        margin: 20px auto 0;
        max-width: 100%;
    }
    #page .make-differ .sec-heading h2,
    #page .make-differ .e-n-tabs-content .elementor-widget-image{
        text-align: center;
    }
    #page .we-make:before,
    #page .we-make:after,
    #page .make-differ .e-n-tabs-heading::before,
    #page .make-differ .e-n-tab-title::before{
        display: none;
    }
    #page .make-differ .e-n-tabs{
        align-items: flex-start;
        margin-left: -20px;
        margin-right: -20px;
    }
    #page .make-differ .e-n-tab-title{
        padding: 10px;
        margin: 0;
    }
    #page .make-differ .e-n-tab-title span {
        font-size: 18px;
    }
    #page .ideal-slick{
        padding: 0 50px;
    }
    #page .mrsugat-banner h2.elementor-heading-title{
        font-size: 30px;
        margin-top: 80px;
    }
    #page .mrsugat-profile .elementor-widget-image{
        margin: auto;
    }
    #page .sugat-quote .push-right {
        left: 0;
    }
    #page .awards-timeline .e-con-inner{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;        
        row-gap: 35px;
    }
    #page .awards-timeline .e-con-inner > .e-child{
        flex: 0 0 100%;
        max-width: 420px;
    }
    #page .sugat-philosophy .philosophy-img{
        width: 100%;
        max-width: 100%;
        margin: 0 0 20px;
    }
    /* #page .philosophy-card{
        padding: 20px;
        background: var(--tm-cream);
        border-radius: 25px;
        margin: 70px 0;
        width: 100%;
        max-width: 420px;
    }
    #page .philosophy-card > .e-child{
        min-height: 0;
    } */
    #page .mrsugat-banner h2.elementor-heading-title::before,
    #page .mrsugat-banner h2.elementor-heading-title::after {
        font-size: 30px;
        width: 34px;
        height: 26px;
    }
    #page .mrsugat-banner h2.elementor-heading-title::before {
        top: -30px;
    }
    #page .mrsugat-banner h2.elementor-heading-title::after {
        transform: rotate(180deg) translateY(-20px);
        -webkit-transform: rotate(180deg) translateY(-20px);
    }
    #page .mrsugat-profile {    
        max-width: 280px;
        margin: auto;
    }
    #page .sugat-quote > .e-con-inner{
        z-index: 1;
    }
    #page .page-banner::before {
        top: -465px;
        right: -260px;
    }
    #page .page-banner::after {
        left: -300px;
    }
    #page .events-gallary .gallery-item .gallery-icon img{
        height: 120px;
        max-height: 120px;
    }
    #page footer .elementor-widget-text-editor p,
    #page .foo-sitemap ul.hfe-nav-menu li a{
        font-size: 14px;
    }
    #page .about-b-content .elementor-widget-heading {
        max-width: 380px;
    }
    #page .about-b-content .elementor-heading-title{
        text-align: center;
    }
    #page .mrsugat-banner h2.elementor-heading-title br,
    #page .about-b-content .elementor-heading-title br{
        display: none;
    }
    #page .about-b-content .elementor-heading-title b{
        padding-right: 8px;
    }

    #page .mrsugat-banner h2.elementor-heading-title{
        max-width: 100%;
    }
    #page .mrsugat-banner h2.elementor-heading-title::before{
        left: -35px;
    }

    .page-child #page .page-banner > .e-con-inner > .elementor-element{
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    
    
}

@media screen and (max-width: 575px) {
    #page .tm-menu .hfe-dropdown{
        width: 280px !important;
        transform: translateX(-280px);
        -webkit-transform: translateX(-280px);
    }
    #page .work-cards > .e-child,
    #page #content .stats-items > .e-child,
    #page .rise-items .e-con-inner .e-child{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #page .media-logos .elementor-widget-image img {
        width: 120px;
    }
    #page .ideal-slick{
        padding: 0;
    }
    #page .ideal-slick .ideal-inner{
        padding: 20px;
    }
    #page .ideal-slick.slick-slider .slick-arrow.slick-next,
    #page .ideal-slick.slick-slider:hover .slick-arrow.slick-next{
        right: -15px;
    }
    #page .ideal-slick.slick-slider .slick-arrow.slick-prev,
    #page .ideal-slick.slick-slider:hover .slick-arrow.slick-prev{
        left: -15px;
    }
    #page .about-b-content .elementor-widget-heading {
        max-width: 300px;
    }

    #page .tmform-row .tmform-col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #page .page-banner::before {
        right: -330px;
    }
    #page .page-banner::after{
        bottom: -132px;
    }
    #page .events-gallary .gallery .gallery-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 8px;
        padding-right: 8px;
    }
    #page .events-gallary .gallery {
        margin-left: -8px;
        margin-right: -8px;
        row-gap: 16px;
    }
    #page .events-gallary .gallery-item .gallery-icon img{
        border-radius: 15px;
    }

    #page .banner h1.elementor-heading-title,
    #page .banner h2.elementor-heading-title,
    #page .slide-content .slide-title,
    #page .mission-banner .slide-content .slide-title {
        font-size: 28px;
    }

    #page .short-b-con,
    #page .gallery-change .ideal-slick{
        padding: 0;
    }
    #page .short-b-con > .elementor-element{
        text-align: center;
        width: 100%;
    }
    #page #content .short-b-img{
        position: static;
        width: auto;
        margin-bottom: -40px;
    }

    #page .impact-grid .e-con-inner,
    #page .awards-grid,
    #page .intiate-grid,
    #page .events-cards,
    #page .wedo-cards .e-con-inner{
        display: flex;
        flex-direction: column;
    }


    #page .mob-m-none{
        margin: 0;
    }
    #page .event-sec .elementor-heading-title br{
        display: none;
    }
}






@media screen and (min-width: 576px) and (max-width: 767px) {
    #page .media-left {
        flex-direction: row;
        flex-wrap: nowrap;
    }
    #page .media-left > .elementor-element .elementor-widget-image {
        height: 190px;
    }
    #page .media-left > .elementor-element .elementor-widget-image img {
        height: 100%;
        object-fit: cover;
    }
    #page .media-right .e-grid > .elementor-element{
        flex-direction: row;
        flex-wrap: nowrap;
    }
    #page .media-right .e-grid > .elementor-element img {
        height: 240px;
        object-fit: cover;
    }
}


@media screen and (min-width: 1025px) {
    #page .tm-menu .hfe-nav-menu > li:last-child{
        display: none;
    }
}


@media screen and (min-width: 1200px) {
    #page .foo-sitemap ul.hfe-nav-menu li a,
    #page .copyright ul li a{        
        position: relative;
        transition: all 0.3s ease-in-out;
    }
    #page .foo-sitemap ul.hfe-nav-menu li a:after,
    #page .copyright ul li a:after{
        content: "";
        width: 0;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: -1px;
        transition: all 0.3s ease-in-out;
        background: var(--tm-red);
        opacity: 1;
    }
    #page .foo-sitemap ul.hfe-nav-menu li a:hover:after,
    #page .copyright ul li a:hover:after{
        width: 100%;
    }

    #page .work-cards > .e-child .elementor-widget-heading{
        transition: all 0.3s ease-in-out;
    }
    #page .work-cards > .e-child:hover .elementor-widget-heading{
        top: -10%;
        padding-bottom: 50%;
    }
    #page .work-cards > .e-child .elementor-widget-image img{
        transition: all 0.3s ease-in-out;
        transform: scale(1) rotate(0);
    }
    #page .work-cards > .e-child:hover .elementor-widget-image img{
        transform: scale(1.15) rotate(6deg);
    }

    #page #content .stats-items .e-child .icon{
        transition: all .3s ease-in-out;

       
    }
    #page #content .stats-items .e-child:hover .icon{
        animation: wiggle 0.6s ease-in-out;
    }
    @keyframes wiggle {
        0%, 100% { transform: rotate(0deg); }
        20% { transform: rotate(5deg); }
        40% { transform: rotate(-5deg); }
        60% { transform: rotate(5deg); }
        80% { transform: rotate(-5deg); }
    }

    /* #page #content .stats-items .e-child:hover .icon{
        color: var(--tm-red);
    }
    #page #content .stats-items .e-child:hover .icon:after{
        color: var(--tm-black);
    } */


    #content .rise-items .e-child .icon{
        transition: transform 0.3s ease;
    }

    #content .rise-items .e-child:hover .icon{
        animation: hvr-icon-sink-away 0.3s linear;
    }

    
    @-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
    }
    @keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
    }
    
     
}