@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.bg-primary2 {
    background: #02006D;
}

.bg-info2 {
    background: #3db2d5;
}

.text-primary2 {
    color: #02006D;
}

/* .bg-dark2{background: #232936;}  */
.bg-dark2 {
    background: #800970;
}

.nav-link {
    color: rgb(255, 255, 255) !important;
    font-weight: 500;
}

.bg-danger2 {
    background: #800970;
}

.bg-warning2 {
    background: #800970;
}

.bg-dark2 {
    background: #800970;
}

.bg-dark5 {
    background: #ffffff;
}

.bg-dark3 {
    color: #ba01e5;
}

.bg-dark4 {
    color: #ffffff;
}

.double {
    border-style: double;
}

a {
    text-decoration: none;
}

a:hover {
    color: rgb(255, 238, 0) !important;
    transition: 0.5s;
}

.Netsoft:hover {
    color: rgb(255, 255, 255) !important;
    transition: 0.5s;
}


p {
    font-size: 16px;

    color: #ffffff;
}

/* navnit css box style*/
@media only screen and (min-width: 320px) and (max-width: 1024px) {
    .our-section-col2 {
        height: auto !important;
    }
}


/* Tophead Section Start */
.head-top {
    height: 35px;
    padding-top: 0px;
    /* background: linear-gradient(rgba(118, 12, 104, 0.849), rgba(255, 0, 220)); */
    background: #192F59;

}
@media (max-width: 768px) {
    .head-top {
        height: 35px;
        padding-top: 2px;
        margin-top: 15px;
        /* background: linear-gradient(rgba(118, 12, 104, 0.849), rgba(255, 0, 220)); */
        background: #192F59;
    
    }
   
}


.head-top ul li {
    display: inline-block;
    height: 8%;
    font-size: 1vmax;
}

.b1 {
    width: 10%;
    height: 50px;
    font-weight: 500;
    float: left;
    color: rgb(255, 255, 255);
    padding-top: 7px;
}

.b2 {
    width: 90%;
    font-weight: 400;
    text-align: right;
    float: left;
    color: rgb(255, 255, 255);
    padding-left: 10px;
    justify-content: right;
}



/* Tophead Section End */

/*Nav Section Start*/
.navbar .collapse ul li {
    font-weight: 400;
    margin: 0px;
    color: #ff0000;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    background: #a791ac;

}

.dropdown:hover .dropdown-menu {
    left: 0px;
    top: 41px;
    border: none;
    display: block;
    width: 250px;
    border-radius: 0;
}

.dropdown-item {
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;

}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    background: #192F59;

}

.navbar-color {
    /* background: linear-gradient(rgba(118, 12, 104, 0.849), rgba(255, 0, 220)); */
    background: #192F59;
}



.logo-formate {
    display: none;
}

@media (max-width: 768px) {
    .logo-formate {

        display: block;
    }
}

/*Nav Section End*/

/* navbar content main pic start */
.img-div {
    height: 400;
    box-shadow: 5px 10px 10px 1px #7a7a79;
    border-radius: 20px;

}

.img-div img {
    border-radius: 15px;
}

.navbar-content-heading {
    text-align: left;
    border-bottom: 5px solid red;
    font-size: 35px;
    font-weight: 600;
    color: black;
}

.tab-content {
    padding-top: 20px;
    color: black;
    text-align: justify;
}

.tab-content ul li {
    font-size: 17px;
}

.text-formate p {
    padding-top: 20px;
    color: rgb(0, 0, 0);

    text-align: justify;
}

.text-formate span {
    font-size: larger;
    color: #0D6EFD;
    font-weight: 700;
}

/* navbar content main pic end */




/* Slider Section Start */
.carousel-caption {
    bottom: 27rem;
}

.carousel-caption h5,
.carousel-caption p {
    font-size: 60px;
    font-weight: bold;
    font-family: 'Times New Roman', Times, serif;
}

.carousel-caption p {
    font-size: 18px;
}

.carousel-item:first-child {
    animation: slideup 0.8s;
}

.carousel-item:nth-child(2) {
    animation: slidedown 0.9s;
}

/* .carousel-indicators{
    margin-bottom: 10rem;
} */
.carousel-dark .carousel-indicators [data-bs-target] {
    width: 20px;
    height: 20px;
    bottom: 200px;
    border-radius: 50%;
}


@keyframes slideup {
    0% {
        transform: translateY(350px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes slidedown {
    0% {
        transform: translateY(-350px);
    }

    100% {
        transform: translateY(0px);
    }
}


@media (max-width: 768px) {
    .carousel-inner-res {
        height: 200px;
    }

    .carousel-item-res {
        /* padding: 10px; */
    }
}

/* Slider Section End */





/* our Section Start */
.college-info {
    background: #f1f1f1;
    /* background: linear-gradient(rgba(255, 0, 220), rgba(118, 12, 104, 0.849)); */
    color: #2A73B7;
    text-align: center;
    height: 50px;
    padding-top: 10px;
    font-weight: 700;
    font-size: 1.2rem;
    border-bottom: 2px solid red;
}

/* .college-info:hover{
    background-color: linear-gradient(rgba(255,0,220),rgba(207, 18, 182, 0.849));

} */

.college-info1 {
    height: 300px;
    background-color: #fff;
    /* box-shadow: 2px 2px 10px 0px #ffb607; */

}

.link-color p {
    color: black;
}

.our-section-col1-col3 {
    height: 352px;
}

.our-section-img .img-fluid {
    height: 250px;
    width: 220px;
    background-color: #1337ec;
    float: left;
    margin-left: -12px;
}

.our-section-col2 {
    float: left;
    height: 250px;
}


/* our Start End */

/* principle and vc section start */
.admn-pic {
    border-style: double;
}

.our-section-col1-col4 {
    height: auto;
}

.menu-btn {
    width: auto;
    height: 7vh;
    margin-top: 13px;
    margin-left: 10px;
    border-radius: 8px;
    text-align: center;
}





/* principle and vc section end */



/*--Domestic Section Start---*/

.domestic {
    background: linear-gradient(rgba(253, 240, 219), rgba(252, 212, 155));



}

.domestic1 img:hover {
    transition: 0.3s ease-out all;
    transform: scale(1.1);
}

.domestic img:hover {
    transition: 0.3s ease-out all;
    transform: scale(1.1);
}

/* .solutionbox
{
  width: 136px;
} */
.domestic .solutionbox h5 {
    font-size: 18px;
    text-align: center;
}

.domestic .solutionbox a {
    font-size: 13px;
    color: #fff;
}

/*--Domestic Section End---*/


/* ---------------------------------------------College media + Student feedback start */
.stud-feedback img{
    height: 200px;
     
}
@media (max-width: 768px) {
    .stud-feedback img{
        height: 150px;
        width: 130px;
    }
}


/* ---------------------------------------------College media + Student feedback end */



/*------------------------------------------------------ photo gallary Section start */

/* .photo-gallery {
    width: 100%;
    background: url(../img/gallery-BACK-imG.jpg) rgb(255, 255, 255);
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
}

.photo-gallery h1 {
    font-size: 48px;
    color: #56225e;
}

.gallery-info {
     background: #800970;
    border: none;
    box-shadow: 4px 5px 4px 1px #888888;

}

.photo-gallery a:hover {
     background: linear-gradient(rgba(118, 12, 104, 0.849), rgba(255, 0, 220));

}

.photo-gallery magnify img:hover {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/magnify.png);
    z-index: 9;
}

.magnify img {
    border-radius: 10px;
    box-shadow: 5px 5px 4px 1px #888888;
} */

/* ------------------------------------------------------photo gallary Section End */


/* --------------------------------------- index photo gallery-gallery-start */
.gallery3 {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;

}

.gallery01 img {
    width: 220px;
    height: 180px;
    object-fit: cover;
    margin: 5px;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 2px;
}

.gallery01 img:hover {
    transition: 0.2s ease-out all;
    transform: scale(1.1);
}

.gallery3 img {
    width: 450px;
    height: 220px;
    object-fit: cover;
    margin: 5px;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 2px;
}

.gallery3 img:hover {
    transition: 0.2s ease-out all;
    transform: scale(1.1);
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /* background-color: rgb(0,0,0); */
    background-color: rgba(0, 0, 0, 0.9);
}

.modal-content {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 800px;
}

/* .modal-content img {
                                                    width: 400px;
                                                    height: 100px;
                                                  } */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f33939;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
    z-index: 1;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}





.cars-dis {
    margin: 15px;
    border: 2px solid rgb(90, 90, 90);
    border-radius: 10px;
    box-shadow: 5px 5px 5px 1px #bbb;
}

/* --------------------------------------- index photo gallery-gallery-end */


/*<!-----Our Progress Report Section Start-->*/
.getbtn:hover {
    background-color: #9a0101;
    ;
}

.world h1 {
    font-size: 50px;
    text-align: center;
    font-weight: 700;
    text-shadow: 0px 0px 5px #f7f475;
    color: white;
}

.world p {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    /* text-shadow: -1px 0px 5px #ffffff; */
}


/*<!-----Our Progress Report Section end-->*/
/*  =================================================== college faculty  start*/

.card {
    width: 100%;
    height: 400px;
    transform-style: preserve-3d;
    perspective: 500px;
    border: none;
    background-color: inherit;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.card .box {
    position: absolute;
    color: #262626;
    width: 100%;
    height: 100%;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    background: rgb(228, 228, 228);
    transform-style: preserve-3d;
    transition: 0.5s;
    backface-visibility: hidden;
}

.card .box.front {
    background-image: url(img/pattern.png);
    background-repeat: repeat;
}

.card .box.front,
.card .box.back {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.card .box.front img {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid #ffffff;
    margin-bottom: 25px;
}

.card:hover .box.front {
    transform: rotateY(180deg);
}

.box.front h2 {
    font-family: 'Bebas Neue', cursive;
}

.box.front h4 {
    font-size: 18px;
    letter-spacing: 2px;
}

.socials i {
    margin: 0 15px;
}

.card .box.back {
    position: absolute;
    background: #192F59;
    /* background: #DB712D; */
    transform: rotateY(180deg);
    padding: 20px 30px;
    text-align: justify;
    user-select: none;
}

.card .box.back .fa-quote-left {
    position: absolute;
    top: 25px;
    left: 180px;
    font-size: 3.2rem;
}

.card:hover .box.back {
    transform: rotateY(360deg);
}

@media(max-width: 991.5px) {
    .col-lg-4 {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}

/*  =================================================== college faculty  start*/





/* our progress report staer*/
.progres-rep {
    /* background: url(../img/progres.jpg)#d66999; */
    background: url(../img/progres.jpg)#800970;
    background-blend-mode: multiply;
    width: 100%;
}

/* our progress report end*/
/* G-20,fit india, marquee start */


.notice-btn {
    border: none;
    padding: 20px;
    margin-top: 10px;
    margin-left: 20px;
    width: 300px;
    height: 90px;
    border-radius: 10px;

}

.notice-btn:hover {
    box-shadow: 6px 6px 0px 0px rgb(190, 177, 177);
    transition: box-shadow.5s;
    background: linear-gradient(rgba(252, 212, 155), rgba(253, 240, 219));

}

.btone {
    background: linear-gradient(rgba(253, 240, 219), rgba(252, 212, 155));
}

.notice-link {
    font-size: 1rem;
    padding-top: 20px;
    height: 80px;
    border-radius: 10px;
    background: linear-gradient(rgba(253, 233, 202), rgba(212, 87, 10));
}

/* G-20,fit india, marquee end */


/* visit website start */
/* Center child elements */
.website-counter {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


/* Styles for website counter container */
.website-counter {
    background-color: #ff4957;
    height: 50px;
    width: 80px;
    color: white;
    border-radius: 30px;
    font-weight: 700;
    font-size: 25px;
    margin-top: 10px;
}



/* Footer Section Start */

#lin li a {
    color: white;
}

footer .opening li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
}

.abc {
    border: none !important;
}

footer .social {
    font-size: 20px;
    padding: 10px 17px;
    border-radius: 50%;
}

.footer-img {


    /* background: url(../img/janki-mandir.jpg),linear-gradient(rgb(255, 0, 234),rgb(255, 136, 0),black); */
    background: url(../img/gal/a17.jpg), linear-gradient(rgba(0, 0, 0, 0.815), rgba(0, 0, 0, 0.664));
    background-blend-mode: multiply;
    width: 100%;
    background-size: cover;

    /*  */


}

/* Footer Section End */


/* --------------------------------------------------------notice section start */

.gallery-section-02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.about-college-02 {
    height: 400px;
    width: 270px;
    background-color: #2A73B7;
    text-align: center;
    box-shadow: 0px 0px 3px 0px rgb(117, 117, 117);
    margin: 20px;

    padding-top: 20px;
    text-align: center;
    border-radius: 8px;
}

.college-info-02 {
    height: 300px;
    background-color: #2A73B7;
    /* box-shadow: 2px 2px 10px 0px #ffb607; */

}

.college-info-head-02 {
    background: #ffffff;
    /* background: linear-gradient(rgba(255, 0, 220), rgba(118, 12, 104, 0.849)); */
    color: #2A73B7;
    text-align: center;
    height: 50px;
    padding-top: 10px;
    font-weight: 700;
    font-size: 1.2rem;
    border-radius: 10px;
    font-family: "Philosopher", sans-serif;
}

.college-info-head-02:hover {
    background-color: #fffb00;
    color: #ff0000;
    text-align: center;
    height: 50px;
}


/* --------------------------------------------------------notice section end */

/* -------------------------------------------------------------College facility start */

.gallery-section-03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.about-college-03 {
    height: 110px;
    width: 200px;
    background: linear-gradient(to right, #DD163D, #FE6247);
    text-align: center;
    box-shadow: 0px 0px 3px 0px rgb(117, 117, 117);
    margin: 15px;
    color: #EE4E1D;
    padding-top: 20px;
    text-align: center;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.about-college-03:hover {
    height: 110px;
    width: 200px;
    background: linear-gradient(to right, #FE6247, #DD163D);
    text-align: center;
    box-shadow: 0px 0px 3px 0px rgb(117, 117, 117);
    margin: 15px;
    color: #EE4E1D;
    padding-top: 20px;
    text-align: center;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.icon-formate-03 {
    font-size: 40px;
    line-height: 130px;
}

.text-formate-03:hover {
    font-size: 20px;

}

.about-college-003 {
    height: 100px;
    width: 200px;
    text-align: center;
    box-shadow: 0px 0px 3px 0px rgb(117, 117, 117);
    margin: 15px;
    color: #EE4E1D;
    padding-top: 20px;
    text-align: center;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.about-college-003:hover {
    height: 100px;
    width: 200px;
    background: linear-gradient(to right, #FE6247, #DD163D);
    text-align: center;
    box-shadow: 0px 0px 3px 0px rgb(117, 117, 117);
    margin: 15px;
    color: #EE4E1D;
    padding-top: 20px;
    text-align: center;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

@media (max-width: 668px) {
    
    .about-college-003 {
        height: 50px;
        width: 100px;
        text-align: center;
        box-shadow: 0px 0px 3px 0px rgb(117, 117, 117);
        margin: 15px;
        color: #EE4E1D;
        padding-top: 5px;
        text-align: center;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .about-college-03 {
        height: 50px;
        width: 100px;
        background: linear-gradient(to right, #DD163D, #FE6247);
        text-align: center;
        box-shadow: 0px 0px 3px 0px rgb(117, 117, 117);
        margin: 15px;
        color: #EE4E1D;
        padding-top: 5px;
        text-align: center;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .icon-formate-03{
        font-size: 15px;
        line-height: 10px;
    }
    .text-formate-03:hover {
        font-size: 13px;
        
    
    }
}




/* -------------------------------------------------------------College facility end */

.gallery-section-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.about-college {
    height: 400px;
    width: 270px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    box-shadow: 0px 0px 3px 0px rgb(117, 117, 117);
    margin: 20px;
    color: #EE4E1D;
    padding-top: 20px;
    text-align: center;
    border-radius: 8px;
}

/* .about-college-2 {
    height: 400px;
    width: 270px;
    background-color: #2A73B7;
    text-align: center;
    box-shadow: 0px 0px 3px 0px rgb(117, 117, 117);
    margin: 20px;

    padding-top: 20px;
    text-align: center;
    border-radius: 8px;
}

.college-info-2 {
    height: 300px;
    background-color: #2A73B7;
    

} */

/* .college-info-head {
    background: #ffffff;
     
    color: #2A73B7;
    text-align: center;
    height: 50px;
    padding-top: 10px;
    font-weight: 700;
    font-size: 1.2rem;
    border-radius: 10px;
}

.college-info-head:hover {
    background-color: #fffb00;
    color: #ff0000;
    text-align: center;
    height: 50px;
} */

.icon-formate {
    font-size: 40px;
    line-height: 130px;
}

.notice-link-color {
    color: #ffffff;
}
.notice-link-color01 {
    color: #000000;
}


.about-college:hover {
    height: 400px;
    width: 270px;
    /* background-color: #052c51; */
    background-color: #c2c2c2;
    text-align: center;
    box-shadow: 0px 0px 10px 0px rgb(0, 0, 0);
    border: 2px solid #ffffff;
    color: #fafafa;
}

.text-formate:hover {
    font-size: 20px;

}

.about-college-3 {
    height: 100px;
    width: 200px;
    background: linear-gradient(to right, #DD163D, #FE6247);
    text-align: center;
    box-shadow: 0px 0px 3px 0px rgb(117, 117, 117);
    margin: 15px;
    color: #EE4E1D;
    padding-top: 20px;
    text-align: center;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.about-college-4 {
    height: 100px;
    width: 200px;
    background: linear-gradient(to right, #DD163D, #FE6247);
    text-align: center;
    box-shadow: 0px 0px 3px 0px rgb(117, 117, 117);
    margin: 15px;
    color: #EE4E1D;
    padding-top: 20px;
    text-align: center;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.about-college-top {

    text-align: center;
    color: #ffffff;
    text-align: center;
    margin: 7px;
}

.about-college-top a {
    color: #ffffff;
}



/* =======================================second last footer scroll logo start */


.scroll-container2 {
    width: 100vw;
    overflow: hidden;
    position: relative;
}

.scroll-content2 {
    display: flex;
    flex-wrap: nowrap;
    animation: scroll 40s linear infinite;
}

.logo2 {
    height: 100px;
    margin-right: 20px;
    flex-shrink: 0;
    border-radius: 10px;
    border: 3px solid red;
    padding: 10px 20px;
}

@keyframes scroll {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}


@media (max-width: 768px) {
    .logo2 {
        height: 60px;
        margin-right: 10px;
    }

    .scroll-content2 {
        animation-duration: 15s;
    }
}


/* ==========================================second last footer scroll logo end */



/*---------------------------------------------------------carousal slider-2 start  */
/* .carousel2 {
    position: relative;
 
  
  
    margin: auto;
    overflow: hidden;
  }
  
  .carousel-inner2 {
    display: flex;
    transition: transform 0.5s ease;
  
  }
  
  .carousel-item2 {
    min-width: 100%;
    box-sizing: border-box;
  
  }
  
  .carousel-item2 img {
    width: 100%;
    display: block;
  }
  
  @media (max-width: 768px) {
    .carousel-sliderr {
      padding-left: 40px;
      padding-right: 50px;
    }
  }
  
  @media (min-width: 768px) {
    .carousel-item2 img {
      border-radius: 25px;
      height: 350px;
    }
  
    .carousel2 {
      border-radius: 25px;
    }
  }
 
  
  
  .carousel-control2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0);
    color: white;
    border: none;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
    z-index: 10;
  }
  
  .prev {
    left: 10px;
  }
  
  .next {
    right: 10px;
  }
   */
/*------------------------------------------------------------------carousal slider-2 end  */


.gallery4 {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;

}

.gallery4 img {
    width: 220px;

    object-fit: cover;

    cursor: pointer;
    border-radius: 50%;

}

.about-college4 {

    background-color: rgb(255, 255, 255);
    text-align: center;

    margin: 20px;
    color: #EE4E1D;

    text-align: center;
    border-radius: 8px;
}


/* =========================================pop up image start */
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 1000;
}

.popup-content {
    position: relative;
    background: #fff;
    padding: 10px;
    border-radius: 2px;
    max-width: 70%;
}

.popup img {
    max-width: 100%;
    height: auto;
    display: block;

    padding-left: 10px;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: red;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
}

.close-btn2 {
    position: absolute;
    top: 100px;
    right: -50px;
    background: red;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    align-self: center;
    text-align: center;
}

.close-btn2 {
    display: none;
}

@media (max-width: 768px) {
    .close-btn2 {

        display: block;
    }
}

/* =========================================pop up image end */

.it--heading-top {
    /* color:linear-gradient(rgba(252, 212, 155), rgba(253, 240, 219)); */
    color: rgb(17, 12, 90);
    font-size: 3vmax;
    text-align: center;
    font-weight: 800;
    /* padding: 20px; */
    font-style: bold;
    font-family: "Philosopher", sans-serif;
    /* padding-left: 20%; */

}

.college-feed {
    height: auto;
    width: auto;
    background: linear-gradient(to right, #DD163D, #FE6247);
    text-align: center;
    box-shadow: 0px 0px 3px 0px rgb(117, 117, 117);
    margin: 8px;
    color: #EE4E1D;
    padding: 10px 20px;
    text-align: center;
 
}