header {
    display: none;
}
footer {
    display: none;
}
.off-canvas-content {
    padding-bottom: 0;
}
.row-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
   /* -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;*/
}
.align-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

/*dark-section*/
.dark-section {
    background-color: #252120;
}
.values-page .dark-section {
    padding: 150px 0 134px;
}
.values-page .dark-section #logo{
    max-width:270px;
    width:100%;
    margin-bottom: 178px;
    }

.values-page .dark-section .section-main-heading{
    font-size:60px;
    font-weight:600;
    font-family: 'Inter', sans-serif;
    color:#fff;
    text-transform: capitalize;
    text-align: right;
    line-height: 72px;
    padding-bottom:75px;
    }
.values-page .dark-section ul.core-value-with-icon-list ,
.values-page .dark-section ul.core-value-with-icon-list2 {
    display: flex;
    /*align-items: flex-end;*/
    list-style-type: none;
    margin-bottom: 30px;
    border-radius: 10px;
    transition: 0.35s ease-in;
}
/*.values-page .dark-section ul.core-value-with-icon-list:hover ,
.values-page .dark-section ul.core-value-with-icon-list2:hover{
    box-shadow:0 0 10px #ccac9f;
     border-radius: 10px;
}*/

.values-page .dark-section ul.core-value-with-icon-list li ,
.values-page .dark-section ul.core-value-with-icon-list2 li {
    background-color: #474342;
    padding:28px 30px;
    border-radius: 10px;
    width: 100%;
    position: relative;
}
.values-page .dark-section ul.core-value-with-icon-list.with-full-width li {
width:100%;
}
.values-page .dark-section ul.core-value-with-icon-list.first-icon li{
    padding-top:73px;
    }
.values-page .dark-section ul.core-value-with-icon-list.third-icon li{
    padding-right: 23px;
    padding-bottom:130px;
    }
.values-page .dark-section ul.core-value-with-icon-list2.fifth-icon li{
    padding-bottom:130px;
    }  
.values-page .dark-section ul.core-value-with-icon-list2.sixth-icon li {
    padding-top:122px;
    }  
.values-page .dark-section ul.core-value-with-icon-list2.seventh-icon li{
    padding-bottom: 128px;
    padding-top: 30px;
    padding-right: 20px;
    } 
.values-page .dark-section ul.core-value-with-icon-list.first-icon li .core-value-icon-wrap {
    position: absolute;
    right: -46px;
    top: -113px;
    width: 172px;
}
.values-page .dark-section ul.core-value-with-icon-list.third-icon li .core-value-icon-wrap {
    position: absolute;
    right: -15px;
    bottom: -33px;
    width: 186px;
}
.values-page .dark-section ul.core-value-with-icon-list2.fifth-icon li .core-value-icon-wrap {
    position: absolute;
    left: 50%;
    bottom: 30px;
    width: 142px;
    transform: translate(-50%, 50%);
}

.values-page .dark-section ul.core-value-with-icon-list2.sixth-icon li .core-value-icon-wrap {
    position: absolute;
    right: -73px;
    top: 10px;
    width: 186px;
}
.values-page .dark-section ul.core-value-with-icon-list2.seventh-icon li .core-value-icon-wrap {
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 180px;
    transform: translate(-50%, 50%);
}

.values-page .dark-section ul.core-value-with-icon-list li h3 ,
.values-page .dark-section ul.core-value-with-icon-list2 li h3{
    font-size:22px;
    line-height:32px;
    font-weight:600;
    font-family: 'Inter', sans-serif;
    color:#ffffff;
    text-transform: capitalize;
    text-align: left;
    }
.values-page .dark-section ul.core-value-with-icon-list li p ,
.values-page .dark-section ul.core-value-with-icon-list2 li p{
    font-size:18px;
    line-height:28px;
    font-weight:400;
    font-family: 'Inter', sans-serif;
    color:#ffffff;
    margin-bottom: 0;
    text-align:left;
    }
             .values-page .dark-section ul.core-value-with-icon-list li .core-value-icon-wrap-mobile ,
.values-page .dark-section ul.core-value-with-icon-list2 li .core-value-icon-wrap-mobile{
    display:none;
    }
 .values-page  .hide-for-Masonry{
        display:flex;
        }
        .values-page  .show-for-Masonry{
            display:none;
            }
/*dark-section*/     

 @media screen and (min-width: 640px) and (max-width: 1023px) {
.values-page .dark-section ul.core-value-with-icon-list2.fifth-icon li .core-value-icon-wrap {
     display: none;   
}
.values-page .dark-section ul.core-value-with-icon-list.seventh-icon li {
    padding-bottom: 130px;    
}
.seventh-icon .core-value-icon-wrap-desktop {
    position: absolute;
    right: -15px;
    bottom: -60px;
    width: 186px;
    left: -24px;    
}
     .medium-6 {
    width: 50% !important ;
}
     .values-page .page-banner .banner-main-heading {
    font-size: 60px;
    line-height: 72px;
}
     .values-page .dark-section .section-main-heading {
    font-size: 40px;
    line-height: 52px;
    padding-top: 0;
    padding-bottom: 75px;
}

.values-page .dark-section{
    padding:130px 61px 56px;
    }
      .values-page  .hide-for-Masonry{
        display:none;
        }
        .values-page  .show-for-Masonry{
            display:block;
            }
            .values-page .dark-section ul.core-value-with-icon-list.third-icon li .core-value-icon-wrap {
    left: -24px;
}
.values-page .dark-section ul.core-value-with-icon-list li, .values-page .dark-section ul.core-value-with-icon-list2 li {
    padding: 28px 22px;
}
     }
@media screen and (max-width: 639px) {
    .row-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
       .values-page .dark-section {
    padding: 70px 15px 60px;
}
.values-page .dark-section #logo{
    margin-bottom: 57px;
    }
      .values-page .dark-section .section-main-heading {
    font-size: 40px;
    line-height: 52px;
       text-align: center; 
       padding-top: 0;
       margin-bottom: 44px;
       padding-bottom: 0;
    }
     .values-page .dark-section .section-main-heading br{
       display:none;
    }
    .values-page  .hide-for-Masonry{
        display:block;
        }
        .values-page  .show-for-Masonry{
            display:none;
            }
            .values-page .dark-section ul.core-value-with-icon-list li ,
    .values-page .dark-section ul.core-value-with-icon-list2 li{
        padding:30px !important;
        padding-bottom: 26px !important;
        }
     .values-page .dark-section ul.core-value-with-icon-list, .values-page .dark-section ul.core-value-with-icon-list2 {
    display: block;
     }
     .values-page .dark-section ul.core-value-with-icon-list li, .values-page .dark-section ul.core-value-with-icon-list2 li{
        width:100%; 
         }
      .values-page .dark-section ul.core-value-with-icon-list li .core-value-icon-wrap-desktop ,
.values-page .dark-section ul.core-value-with-icon-list2 li .core-value-icon-wrap-desktop{
    display:none;
    }
    .values-page .dark-section ul.core-value-with-icon-list li .core-value-icon-wrap-mobile, .values-page .dark-section ul.core-value-with-icon-list2 li .core-value-icon-wrap-mobile {
    display: block !important;
}
    .values-page .dark-section ul.core-value-with-icon-list li .core-value-icon-wrap,
    .values-page .dark-section ul.core-value-with-icon-list2 li .core-value-icon-wrap {
    position: static !important;
    left: 0;
    bottom: 0;
    width: 73px !important;
    transform: none !important;
}
.values-page .dark-section ul.core-value-with-icon-list li p, 
.values-page .dark-section ul.core-value-with-icon-list2 li p {
    text-align: left;
}
.values-page .dark-section ul.core-value-with-icon-list li h3, .values-page .dark-section ul.core-value-with-icon-list2 li h3 {
    margin-top: 14px;
}

    .values-page .dark-section ul.core-value-with-icon-list, 
    .values-page .dark-section ul.core-value-with-icon-list2{
        margin-bottom: 30px;
        }
}