/*CREAPKY SINGING*/
body {
   color: #323D44;
   width: 100%;
   overflow-x: hidden;
   font-family: 'TT Commons';
   font-weight: 400;
   font-style: normal;
   font-size: 16px;
}
a:hover {
   color:#343534;
}
.menuItems a, .menu {color: #323D44;}
.landing {height: 100vh; width: 100vw; background: #F1F2ED;}

.menu-text {
width: 41px;
height: 18px;
font-family: 'TT Commons';
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 18px;
display: flex;
align-items: center;
text-align: right;
text-transform: uppercase;
}
table td, table th {
   font-size: 18px;
}

.top-nav-text {
font-family: 'TT Commons';
font-weight: 500;
font-style: normal;
font-size: 20px;
line-height: 23px;
display: flex;
align-items: center;
text-align: center;
}
.ic_Logo {
   width: 100px;
height: 56.91px;
}
.rightSVG {
   position: absolute;
   right: 0;
   height: 100vh;
}
.heroImageGivingPuzzle {
   position: absolute;
   max-height: 100vh;
   width: 60%;
   top: 100px;
}
h1 {
   font-family: 'TT Commons';
   font-weight: 500;
   font-style: normal;
   font-size: 3.5rem;
   line-height: 1;
}
h1 span, h2 span {
   color: #F15C27;
}
.menuItems .active {
   color: #F15C27;
}
h2 {
   font-family: 'TT Commons';
   font-weight: 500;
   font-style: normal;
   font-size: 2.5rem;
   line-height: 100%;
}
h3 {
font-family: 'TT Commons';
font-weight: 500;
font-style: normal;
font-size: 2rem;
line-height: 100%;
margin: 40px auto auto auto;
/* or 40px */

display: flex;
align-items: center;
}
h4 {
   font-family: 'TT Commons';
   font-weight: 500;
   font-style: normal;
   font-size: 1.5rem;
   line-height: 100%;
}
h5 {
   font-family: 'TT Commons';
   font-weight: 500;
   font-style: normal;
   line-height: 100%;
}
li, li p {
   font-family: 'TT Commons';
   font-weight: 400;
   font-style: normal;
   font-size: 18px;
   line-height: 1.5em;
}
.h2-list li {
   font-size: 50px;
   line-height: 100%;
}
.h2-list li {
   font-size: 40px;
   line-height: 100%;
}
.normal-list, .normal-list li {
   font-size: 18px !important;
}

table, table li {
   font-size: 18px !important;
}
table.table td, table.table th {
   padding-top: 0;
   padding-bottom: 0;
}

.menu-svg {
   position: absolute;
   top:0;
   right:0;
   z-index: -1;
}

p, li p {
   font-family: 'TT Commons';
   font-weight: 400;
   font-style: normal;
font-size: 18px;
line-height: 1.5em;
}
p a, li a, table.table a {
   color:#F15C27;
   border-bottom: 1px dotted #323D44;
}
p span, li span {
   font-family: 'TT Commons';
   font-weight: bold;
   font-style: italic;
}
hr {
   width:100%;
   border: 1px solid #999999;
   margin: 40px 0;
}
.smallText {
   font-family: 'TT Commons';
   font-weight: 400;
   font-style: normal;
   font-size: 20px;
   line-height: 150%;
}
.thephilanthrtopytext {
   width: 100%;
}
.upper-alpha {
   list-style:upper-alpha;
}
.labTitle {
position: absolute;
width: 500px;
right: 0;
top: 300px;
display: flex;
align-items: flex-end;;
text-align: right;
}

.pgBtn {
   background: #F15C27;
   color: #ffffff;
   font-family: 'TT Commons';
   font-weight: 500;
   font-style: normal;
   font-size: 20px;
   line-height: 150%;
   display: flex;
   text-align: center;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   max-width: 250px;
}
.firstSection {
   height: 100vh;
   width: 100vw;
   background: #ffffff;
   overflow-x: hidden;
}
.pgLink {
   color: #F15C27;
   font-family: 'TT Commons';
   font-weight: 500;
   font-style: normal;
   font-size: 20px;
   line-height: 0px;
display: flex;
align-items: center;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.philanthropyInfographic {
   position: absolute;
   left: 35.56%;
    right: 23.92%;
    margin-top: 5%;
    height: 85%;
}
.whatIsTitle {
   margin-left: 91px;
   margin-top: 101px;
}
.whatIsText {
   position: absolute;
    width: 665px;
    height: 335px;
    left: 575px;
    font-family: 'TT Commons';
    font-weight: 400;
    font-style: normal;
    margin-top: 28vh;
    font-size: 18px;
    line-height: 150%;
    display: flex;
    align-items: center;
}
.py-6 {
   padding-top:6em;
   padding-bottom: 6em;
}
.space {
   height: 40px;
}

.backgroundsvg {
position: absolute;
bottom:0;
left:0;
z-index: -1;
}
.process-svg {
   height: 12vh;
}
.max_height {
   height: 100vh;
}

.orange-box {
      border-radius: 4px;
      box-shadow: 15px 15px 31px rgba(109, 39, 15, 0.28);
}

.setupBoxes {
   background: linear-gradient(305.36deg, #E33F05 14.27%, #FF5B28 87.5%);
   box-shadow: 15px 15px 31px rgba(109, 39, 15, 0.28);
}

.setupBoxes h3 {
   font-family: 'TT Commons';
    font-weight: 500;
    font-style: normal;
   font-size: 40px;
   line-height: 100%;
   height: 250px;
   /* or 40px */

   display: flex;
   align-items: center;
   text-align: center;
   color: #FFFFFF;
}
.breadcrumb, .breadcrumb a {
   font-family: 'TT Commons';
   font-weight: 500;
   font-style: normal;
font-size: 14px;
line-height: 16px;
display: flex;
align-items: center;
background-color: #FFFFFF;
color:#999999;
}

.navbar-nav {
height: 48px;
left: 75px;
top: 273px;
border-top: 1px solid #323D44;
border-bottom: 2px solid #323D44;
box-sizing: border-box;
background-color: #FFFFFF;
font-family: 'TT Commons';
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 23px;
display: flex;
align-items: center;
text-align: right;
text-transform: uppercase;
border-right: none;
border-left: none;
}
.leftIcon {
   height: 50px;
}
.mb-40 {
   margin-bottom: 40px !important;
}
.mb-120 {
   margin-bottom: 120px !important;
}
.top-box {
   background: #FFFFFF;
   box-shadow: 0px -2px 31px rgba(32, 32, 35, 0.07);
   border-radius: 30px 0px 0px 0px;
}
.bottom-box {
   background: #FFFFFF;
   box-shadow: 0px 9px 31px rgba(32, 32, 35, 0.07);
   border-radius: 0px 0px 30px 0px;
}
.about-bottom {
   position: absolute;
   bottom: 0;
   left:0;
   z-index: -1;
   width: 100%;
}
.foundation-grid span {
   font-family: 'TT Commons';
   font-weight: 500;
   font-style: normal;
   font-size: 20px;
   color:#323D44;
}
.full-width {
   overflow-x: hidden !important;
}

.video {
   height: 250px;
   width: 100%;
   background: #C4C4C4;
}
.list-style-none li {
   list-style: none !important;
}
/*Hover btnd*/

.pg_btn_outline {
   content: "";
   display: block;
  background-color:#fff;
  z-index: -1;
  border:1px solid #323D44;
   width: 100%;
   height: 100%;
   margin: auto;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}
/*hover button */
.t_btn_about{color: #343534;}
.btn_bg{background-color: #E5A847;}

.t_btn{
    position: relative;
}

.btn_tomorrow a:after{content: "\2192"; }
.hover_overlay{
    content: "";
    display: block;
   background-color:rgba(0,0,124,0.8);
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.navbar-nav .nav-link {
   font-size: 16px !important;
}
/*end hoe=ver button*/
.navbar-nav li{
   border-right: 1px solid #343534;
   height:100%;
}
.navbar-nav :nth-last-child() {
   border-right:none;
}
ul .nav-item a{
   border:0 !important;
   color:#343534!important;
   min-width: 220px;
}

.resources-box {
   min-height: 150px;
   color: #ffffff;
}
/*Dropdown list*/
.dropbtn {
  cursor: pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  overflow: auto;
  left: 0;
z-index: 1500;
border: 1px solid #F1F2ED;
box-sizing: border-box;
background-color: #FFFFFF;
font-family: 'TT Commons';
font-weight: 500;
font-style: normal;
font-size: 20px;
line-height: 23px;
text-transform: uppercase;
}
.sec_dropdown {
   padding-left: 30px;
   display: none;
  position: relative;
  overflow: auto;
  left: 0;
z-index: 1500;
border: 1px solid #F1F2ED;
box-sizing: border-box;
background-color: #FFFFFF;
font-family: 'TT Commons';
font-weight: 500;
font-style: normal;
font-size: 20px;
line-height: 23px;
text-transform: uppercase;
}
.sublevel-menu {
   border: 0;
}
table ol {
   list-style: upper-alpha;
}
.waves-effect .nav-link .active {
   box-shadow: 0px -5px 10px rgba(32, 32, 35, 0.05);
}
.tab-scroll {
   overflow-x: scroll;
}

.nav-buttons {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

table.table thead th {
   min-width: 250px;
}

.table {
   border:1px solid #F15C27;
}

.custom-modal {
      background: #F1F2ED !important;
      box-shadow: 0px 15px 31px rgba(32, 32, 35, 0.3) !important;
      border-radius: 0 !important;
}
.custom-modal h5 {
font-family: 'TT Commons';
font-weight: 500;
font-style: normal;
font-size: 20px;
line-height: 100%;
color: #F15C27;
}

.custom-modal .form-control, .custom-modal select {
background: #FFFFFF !important;
border-radius: 0 !important;
font-family: 'TT Commons';
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 23px;
border:0;
}
::placeholder { 
   color: #323D44 !important;
}
select {
   -webkit-appearance: none;
   -moz-appearance: none;
   background: transparent;
   background-image: url("data:image/svg+xml;utf8,<svg width='35' height='20' viewBox='0 0 35 20' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M2 2L17.5 17L33 2' stroke='#F1F2ED' stroke-width='3'/></svg>");
   background-repeat: no-repeat;
   background-position-x: 100%;
   background-position-y: 5px;
   border: 1px solid #dfdfdf;
   border-radius: 2px;
   margin-right: 2rem;
   padding: 1rem;
   padding-right: 2rem;
 }
.custom-modal span {
font-family: 'TT Commons';
font-weight: 400;
font-style: normal;
font-size: 14px;
line-height: 200%;
color: #9999997a;
}
.custom-modal .close-svg {
      position: absolute;
      right: 0;
      top: 0;
      margin-top: -40px;
      margin-right: -65px;
}
.submit {
   min-width: 200px;
   border:0;
   justify-content: center;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.roman {
   list-style: lower-roman;
}
.show {display: block;}
/*ednd dropdown */

/*overlay menu*/
.overlay {
   width: 100vw;
   height: 100vh;
   z-index: 1500;
   position: absolute;
   top:0;
   bottom:0;
   left:0;
   right:0;
   margin:0;
}


.right {
   width:347px;
   background-color: #F15C27;
}
.right h5 {
   font-family: 'TT Commons';
   font-weight: 500;
   font-style: normal;
   font-size: 24px;
   line-height: 100%;
   color: #ffff;
}
.right .form-control {
   border: 2px solid #EA7F59;
   box-sizing: border-box;
   background-color: #F15C27;
   border-radius: 0;
}
.left{
   width: calc(100% - 347px);
   background: #F1F2ED;
}
.overlay .left .nav-tabs .nav-link.active {
   background: #F1F2ED;
   border: 1px solid #dee2e6 !important;
   border-bottom: 0 !important;
   box-shadow: 0px -5px 10px rgba(32, 32, 35, 0.05);
}
.overlay .left .nav-tabs .nav-link {
   text-transform: uppercase;
}

.search-bar {
   background-color: #ffffff;
   color: #F1F2ED;
}
.search-bar h1 {
   font-family: 'TT Commons';
   font-weight: 500;
   font-style: normal;
}
.side-menu :first-child, .side-menu :nth-child(1)> div, .side-menu :nth-child(2){
   border-top: 1px solid #EA7F59;
}
.side-menu > div {
   border-bottom: 1px solid #EA7F59;
}
.side-menu :nth-child(odd) {
   border-right: 1px solid #EA7F59;;
}
.side-menu a {
   border: 0 !important;
   color: #ffffff;
   font-family: 'TT Commons';
   font-weight: 500;
   font-style: normal;
   font-size: 20px;
   line-height: 100%;
}
.darkbutton {
   color: #ffffff !important;
   font-family: 'TT Commons';
   font-weight: 500;
   font-style: normal;
   font-size: 24px;
   line-height: 100%;
   background: #323D44;
   border:0;
}
.links a {
   font-family: 'TT Commons';
   font-weight: 500;
   font-style: normal;
   font-size: 20px;
   line-height: 23px;
   color: #323D44;
}

/*end overlay menu*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
   .menuItems {
      display: none;
   }
   h1 {font-size: 30px;}
   .smallText {font-size: 18px;}
   .labTitle {width: 100%;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
   .menuItems {
      display: none;
   }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
   .menuItems {
      display: flex;
   }
   .modal-dialog {
      max-width: 70vw !important;
   }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
   .menu-svg {
      width: 28vw;
   }
   .philanthropyInfographic {
      height: unset;
  }
  .whatIsText {
   position: absolute;
   width: 50vw;
   height: unset;
   left: 45vw;
   font-family: 'TT Commons';
   font-weight: 400;
   font-style: normal;
   margin-top: 220px;
   font-size: 18px;
   line-height: 150%;
   display: flex;
   align-items: center;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}