.wrapper {padding-top: 60px !important;}

.navbar {background: #FFFFFF; box-shadow: 0 1px 40px rgba(0,0,0,0.4);}
.navbar ul li a {
    background-color: transparent;
    /* transform: scale(1.1); */
    color: #212529 !important;
}
.navbar div a i {color: #212529 !important;}

.whyPeakair-section h1 b {
    background: linear-gradient(to left, #28B4EF 20%, #330867 120%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header_section {
    position: relative;
    width: 100%;
    height: 700px;
    background: url(../images/AboutHeaderImg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.header_content {
    position: relative;
    z-index: 1;
    margin: 15% 0;
} 
.header_section .header_content h1 span {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 65px !important;
    color: #FFFFFF;
    display: block;
    text-shadow: 5px 5px 9px rgba(0,0,0,0.7);
}
.header_section .header_content h1 span.outline-text {
    color: transparent;
    -webkit-text-stroke: 1.5px white;
    -ms-text-stroke: 1.5px white;
    -moz-text-stroke: 1.5px white;
}
.header_section .header_content p {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 21px !important;
    color: #FFFFFF;
    text-shadow: 5px 5px 9px rgba(0,0,0,0.7);
}


@media screen and (max-width: 1380px) {
    .plans_box {height: 355px !important; padding: 100px 0;}
}
@media screen and (max-width: 1024px) {
    .header_section {background-size: cover; height: auto;}
    .header_section .header_content {margin: 40% 0;}
}
@media screen and (max-width: 991px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 767px) {
    .plans_box {width: 355px; margin: auto;}
}
@media screen and (max-width: 480px) {
    .header_section .header_content {margin: 15% 0;}
    .header_section .header_content h1 span {font-size: 54px !important;}
    .plans_box {width: 100%;}
}
@media screen and (max-width: 400px) {
    .header_section .header_content h1 span {font-size: 45px !important;}
}





.whyPeakair-section{
    /* background-image: url(https://wac-cdn-2.atlassian.com/), linear-gradient(180deg, #FFFFFF 0%, #9dbef8 97%); */
    background-position: center right, center;
    background-repeat: no-repeat, no-repeat;
    background-size: 50% auto, cover;
    position: relative;
    z-index: 2;
    padding-bottom: 64px;
    padding-top: 64px;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
.whyPeakair-section h1 {font-size: 42px; font-weight: 400 !important;}
.whyPeakair-section p{
    text-align: justify;
}
.whyPeakair-section .img-svg img{
    position: relative;
    width: 80px !important;
    height: 80px !important;
    margin: auto;
    display: block;
}
.whyPeakair-section .card {border-radius: 20px; padding: 20px 12px;}
.whyPeakair-section .card:hover {
    position: relative;
    background: #001669;
    box-shadow: 0 30px 50px rgba(0,0,0,0.3);
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 2;
}
.whyPeakair-section .card:hover h4 {color: #FFFFFF;}
.whyPeakair-section .card:hover p {color: #FFFFFF;}

@media screen and (max-width: 1024px) {}
@media screen and (max-width: 991px) {
    .whyPeakair-section .card {padding-left: 0; padding-right: 0;}
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 670px) {}
@media screen and (max-width: 550px) {}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 400px) {}