.horizontal-section,
.horizontal-sectiontwo {
    background-image: url('../assets/images/Group 8568.png');
    background-size: 100% 100%;
    background-attachment: fixed;
}

.horizontal-sectiontwo {
    background-image: url('../assets/images/Group 6029.png');
}

.sticky-wrapper,
.sticky-wrappertwo {
    position: sticky;
    top: 30px;
    width: 100%;
    overflow: hidden;
}

.sticky-wrappertwo {
    top: 0px;
}

.element-wrapper,
.element-wrappertwo {
    position: relative;
    display: flex;
}

.element,
.elementtwo {
    width: 45vw;
    margin: 0 20px 0 0;
    flex-shrink: 0;
}

.elementtwo {
    width: 30vw;
}

.awords-paragraph {
    max-width: 310px;
    color: white;
    font-size: larger;
}

.awords-paragraph-sm {
    font-size: larger;
}

.lubna-counter {
    margin: 30px;
    border-radius: 25px;
    box-shadow: 0px 0px 15px 0px #888888;
}

.vission {
    background-image: url('../assets/images/Group 8568.png');
    border-radius: 25px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: auto;
    overflow: hidden;
    transition: height 1s;
}

.mission {
    background-image: url('../assets/images/Group 8565.png');
    border-radius: 25px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 125px;
    overflow: hidden;
    transition: height 1s;
}
.card-body{
    padding-top: 100px;
    padding-bottom: 100px;
}

.mission-vission-heightmin{
    height: 125px;
}
.mission-vission-heightmax{
    height: 500px;
}

.homeVideo{
    width: 100%;
    height: 100vh;
    overflow: hidden !important;
}

.counter-div {
    width: 14vw;
    height: 14vw;
    background-color: #C9406D;
    border-radius: 50%;
}

.counter-div2 {
    width: 14vw;
    height: 14vw;
    background-color: #255f79;
    border-radius: 50%;
    margin-top: 130px;
}

.counter-div3 {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    margin-top: 130px;
    border: 8px solid white;
    text-align: center;
}

.click-btn {
    background-color: #fff;
    color: #255f79;
    transition: all .5s;
    border-radius: 7px;
}

.click-btn:hover {
    background-color: #C93665;
    color: #fff;
    font-size: large;
}

.attained {
    max-width: 414px;
    font-size: 1.5vw;
    color: #0C173A;
    font-weight: bold;
}

.inspiration {
    font-size: 1.5vw;
    color: #0C173A;
    font-weight: bold;
}

.lubna-text {
    max-width: 389px;
    font-size: 1vw;
    color: #0C173A;
}

.mission-vission {
    margin: 30px;
    border-radius: 25px;
    position: relative;
}

.contact {
    background-image: url('../assets/images/Group 8567.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


/* #collapseOne,
#collapseTwo {
    transition-property: all;
    transition-duration: 5s;
} */

@font-face {
    font-family: Segoe-UI;
    src: url('../assets/fonts/segoeui.ttf');
}

.footer {
    background-color: #255f79;
    color: white;
}

ul.dashed {
    list-style-type: none;
}

ul.dashed>li {
    text-indent: -5px;
    margin-left: 5px;
    padding-top: 15px;
}

ul.dashed>li:before {
    content: "-  ";
    text-indent: -5px;
}

#gmap_canvas {
    width: 100%;
    height: calc(width);
    border-radius: 5px;
    padding: 0 8px;
}

.footerImg {
    position: absolute;
    bottom: 15px;
}

#gmap_canvas {
    border-radius: 15px;
}

@media(max-width:767px) {
    .footerImg {
        position: relative;
        top: 15px;
    }
    .contact {
        background-size: cover;
    }
    .attained,
    .inspiration {
        font-size: 18px;
    }
    .lubna-text {
        font-size: 11px;
    }
    .homeVideo {
        margin-top: 70px;
    }
    .abouthead,
    .aboudesc {
        padding: 0 15px;
    }
    .mission-vission {
        margin: 0;
    }
    .vission {
        background-image: url('../assets/images/vissionbgM.png');
        margin-top: -25px;
        z-index: 2;
    }
    .mission {
        background-image: url('../assets/images/Group 8565.png');
        z-index: 1;
    }
    .card-body {
        padding-top: 0px;
    }
    .mission-vission-heightmin{
        height: 80px;
    }
    .mission-vission-heightmax{
        height: 650px;
    }

}

@media(min-width:1540px) {
    .container {
        max-width: 80% !important;
    }
}
@media(max-width:1200px) {
    .homeVideo {
        height: auto;
        
    }
    .aboutblock {
        margin-top: -2%;
    }
}
@media(min-width:1200px) {
    .aboutblock {
        margin-top: -4.2%;
    }
}
@media(min-width:1285px) {
    .aboutblock {
        margin-top: 0px!important;
    }
}