.boarding-presenting {
    position: relative;
}
img.boarding-presenting-desktop {
    display: block;
    width: 100%;
}
img.boarding-presenting-mobile {
    display: none;
}
.boarding-presenting-explore {
    position: absolute;
    bottom: 12%;
    right: 27%;
}
    .boarding-presenting-explore a {
        border: 1px solid #8e1d5e;
        padding: 7px 30px 1px 30px;
        font-size: 18px;
        background: #8e1d5e;
        font-weight: 600;
        color:#fff;
        border-radius:3px;
    }

        .boarding-presenting-explore a:hover {
            color: #8e1d5e;
            background: none;
            border: 1px solid #8e1d5e;
        }

/*  Gurgaon index  */

.gurgaon-common-div {
    background: #f5f5f561;
}
.gurgaon-common-img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 50px 0 40px;
    background: #fff;
}
img.common-school {
    width: 100%;
}

.boderpadding {
    padding-top: 30px;
    border-bottom: 1px solid #9b9b9b;
    transition: all ease-in-out .3s;
    padding-bottom: 10px;
}
.arrowsvg {
    position: absolute;
    bottom: 7px;
    right: 0px;
}
svg.arow_3schools {
    width: 40px !important;
}

    .arrowsvg:hover svg.arow_3schools .cls-1 {
        fill: #8a2465;
    }
    .arrowsvg:hover svg.arow_3schools .cls-2 {
        fill: #fdb92e !important;
    }
    .boderpadding a {
        font-size: 22px;
        color: #8a2465;
        font-weight: 700;
        text-transform: uppercase;
        display: inline-block;
    }
        .boderpadding a:hover {
            color: #8a2465;
        }
    .boderpadding.textcolorchng a {
        color: #fdb92e;
    }

        .boderpadding.textcolorchng a:hover {
            color: #fdb92e;
        }
    .boderpadding p {
        margin-bottom: 0;
        font-size: 18px;
    }

.bottom-cnt {
    padding-top: 12px;
    position:relative;
}
.gurgaon-common {
    padding-right: 0px!important;
}
    .bottom-cnt p {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 500;
    }

.school-img {
    position: relative;
    overflow:hidden;
}
.school-img:hover .gurgaon-common-content {
    bottom: 0;
    transition: 0.5s;
}
.gurgaon-common-content {
    position: absolute;
    bottom: -400px;
    left: 0;
    width: 100%;
    padding: 20px 40px;
    background: rgb(142 29 94 / 66%);
    height: 100%;
    transition: 0.5s;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
    .gurgaon-common-content.colorchange {
        background: rgb(245 174 36 / 62%);
    }
    .gurgaon-common-content p {
        font-size: 16px;
        text-align: center;
        color: #fff;
        width: 100%;

    }

    
.gurgaon-common-logo {
    padding: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
}
    .gurgaon-common-logo:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: #00000040;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .gurgaon-common-logo .container .row {
        display: flex;
        justify-content: center;
        align-items: baseline;
        flex-wrap: wrap;
    }
.common-school-logo img {
    width: 60px !important;
}

.common-school-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}
    .common-school-logo span {
        text-align: center;
        padding: 25px 0 0 0;
        font-size: 18px;
        font-weight: 600;
        color:#fff;
    }
.common-school-logo {
    position: relative;
    z-index: 99;
}
.btnimgview {
    display: none;
}
.school-img.school-imgpwsg {
    border-bottom: 5px solid #8a2465;
}
.school-img.school-imgpsg {
    border-bottom: 5px solid #fdb92e;
}
.gurgaon-common-right {
    padding: 0 30px !important;
}



    @media screen and (max-width:1124px) {
        .gurgaon-common-right {
            padding: 0 20px !important;
        }
        .boarding-presenting-explore {
            bottom: 9%;
            right: 24%;
        }

        .common-school-logo {
            height: 165px;
        }
            .common-school-logo span {
                font-size: 16px;
            }

        img.common-school {
            height: 350px;
            object-fit: cover;
        }

      

            .gurgaon-common-content p {
                font-size: 16px;
            }

    }

    @media screen and (max-width:991px) {
        button.owl-next:hover, button.owl-prev:hover {
            background-color: transparent !important;
        }
        button.owl-prev {
            position: absolute;
            outline: 0 !important;
            left: 0;
            top: 33%;
        }

        .owl-prev img {
            width: 40px;
        }

        button.owl-next {
            position: absolute;
            right: 0;
            outline: 0 !important;
            top: 33%;
        }

        .owl-next img {
            width: 40px;
        }
        svg.arow_3schools {
            margin-right: 15px !important;
        }
        .gurgaon-common-right {
            padding: 0 0 0 15px !important;
        }

        .boarding-presenting-explore {
            bottom: 7%;
            right: 23%;
        }

        .gurgaon-common-content.buttoneffects {
            transition: 0.5s !important;
            bottom: 0;
        }
        .content-hover.buttoneffects {
            transition: 0.5s !important;
            bottom: 0;
        }
        .btnimgview i {
            position: relative;
            top: -5px;
            transform: rotate(0deg);
            transition: 0.3s;
        }

        .btnimgview.arrowdown i {
            transform: rotate(180deg);
            transition: 0.3s;
        }
        .school-img:hover .gurgaon-common-content {
            bottom: initial;
            transition: 0.5s;
        }
        .btnimgview {
             display: block;
            position: absolute;
            top: 0;
            right:0;
            background: #0071ba;
            z-index: 9999;
            padding: 10px;
            cursor: pointer;
            color: #fff;
            font-size: 20px;
            height: 30px;
            width: 30px;
        }
        .gurgaon-common-content-first
        {
            bottom:-299px;
        }
        .common-school-logo span {
            font-size: 18px;
        }
      
        .gurgaon-common-content {
            padding: 24px 23px;
        }
    }

    @media screen and (max-width:870px)
    {
        .boderpadding a {
            font-size: 20px;
        }
        .boderpadding p {
            font-size: 16px;
        }
    }

    @media screen and (max-width:820px) {
        .boarding-presenting-explore {
            bottom: 8%;
            right: 23%;
        }
        .common-school-logo span {
            font-size: 18px;
        }
        .boarding-presenting-explore a {
            padding: 5px 30px 0px 30px;
            font-size: 17px;
        }
        .boderpadding a {
            font-size: 19px;
        }
        .boderpadding p {
            font-size: 16px;
        }
    }

    @media screen and (max-width:767px) {
        button.owl-prev {
            position: absolute;
            outline: 0 !important;
            left: 0;
            top: 33%;
        }
        .owl-prev img {
            width: 31px;
        }
        button.owl-next {
            position: absolute;
            right: 0;
            outline: 0 !important;
            top: 33%;
        }
        .owl-next img {
            width: 31px;
        }
        .bottom-cnt.bottom-cnt-res {
            margin-bottom: 40px;
        }
        
        .gurgaon-common-content p {
            font-size: 14px;
        }
        .boarding-presenting-explore a {
            padding: 4px 30px 1px 30px;
            font-size: 18px;
        }

        img.boarding-presenting-desktop {
            display: none;
        }

        img.boarding-presenting-mobile {
            display: block;
            width: 100%;
        }

        .boarding-presenting-explore {
            right: 50%;
            bottom: 4%;
            transform: translateX(50%);
        }
        div#gurgaon-common-content1 {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        div#gurgaon-common-content2 {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        .gurgaon-common-content {
            padding: 20px 50px;
        }
            .gurgaon-common-content p {
                font-size: 17px;
            }
    }

    @media screen and (max-width:540px) {
        .boarding-presenting-explore a {
            padding: 4px 25px 0px 25px;
            font-size: 16px;
        }

        .boarding-presenting-explore {
            bottom: 3%;
        }
        .gurgaon-common-content p {
            font-size: 15px;
        }

    }

    @media screen and (max-width:420px) {
        button.owl-prev {
            left: -15px;
        }
        button.owl-next {
            right: -15px;
        }
        .boarding-presenting-explore a {
            padding: 4px 22px 0px 22px;
            font-size: 14px;
        }

        .boarding-presenting-explore {
            bottom: 2.5%;
        }
        .gurgaon-common-content {
            padding: 15px;
        }
            .gurgaon-common-content p {
                font-size: 13px;
            }
        .col-xs-6 {
            width: 100% !important;
        }
        .common-school-logo {
            margin-bottom: 15px;
        }
            .common-school-logo span {
                font-size: 18px;
            }
        
        .gurgaon-common-logo .container .row {
            margin-left: 0 !important;
        }
    }