body{
        font-family: 'Poppins', sans-serif;
    }
    .buttonn {
        background-color: #1c87c9;
        -webkit-border-radius: 60px;
        border-radius: 60px;
        border: none;
        color: #eeeeee;
        cursor: pointer;
        display: inline-block;
        font-family: sans-serif;
        font-size: 20px;
        padding: 5px 15px;
        text-align: center;
        text-decoration: none;
        
        -webkit-animation: glowing 1300ms infinite;
        
                animation: glowing 1300ms infinite;
      }
      @-webkit-keyframes glowing {
        0% {
          background-color: #2ba805;
          -webkit-box-shadow: 0 0 5px #2ba805;
                  box-shadow: 0 0 5px #2ba805;
        }
        50% {
          background-color: #49e819;
          -webkit-box-shadow: 0 0 20px #49e819;
                  box-shadow: 0 0 20px #49e819;
        }
        100% {
          background-color: #2ba805;
          -webkit-box-shadow: 0 0 5px #2ba805;
                  box-shadow: 0 0 5px #2ba805;
        }
      }
      @keyframes glowing {
        0% {
          background-color: #2ba805;
          -webkit-box-shadow: 0 0 5px #2ba805;
                  box-shadow: 0 0 5px #2ba805;
        }
        50% {
          background-color: #49e819;
          -webkit-box-shadow: 0 0 20px #49e819;
                  box-shadow: 0 0 20px #49e819;
        }
        100% {
          background-color: #2ba805;
          -webkit-box-shadow: 0 0 5px #2ba805;
                  box-shadow: 0 0 5px #2ba805;
        }
      }
    
    
    .about h3 {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }

    .about p {
        color: #333333;
        line-height: 25px;
        margin-bottom: 23px;
    }

    .img-fluids {
        max-width: 36%;
        height: auto;
    }

    .car-img {
        height: 400px;
        width: 100%;
    }

    /* #gallery {
        background-color: #f1f1f1;
    } */

    .owl-theme .owl-nav {
        font-size: 36px;
    }

    .publication img {
        width: 100%;
        height: 250px;
    }

    #notification .nav-tabs .nav-link.active {
        color: teal;
        border-bottom: 1px solid teal;
    }

    /* .img-fluids {
        max-width: 45%;
        height: auto;
    } */

    .top-notice {
        background-color: #dc3545;
        border-top: 1px solid #dc3545;
        border-bottom: 1px solid #dc3545;
        -webkit-clip-path: polygon(7% 2%, 100% -1px, 79.11% 104.30%, 0% 100%);
                clip-path: polygon(7% 2%, 100% -1px, 79.11% 104.30%, 0% 100%);
    }

    .gallery img {
        max-width: 100%;
        max-height: 200px;
    }
    .truncate {
        width: 350px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .events {
        width: 105%;
        margin-top: 15px;
        height: 260px;
        -webkit-transition: -webkit-transform .5s ease-in-out;
        transition: -webkit-transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    }

    .events:hover {
        opacity: 0.7;
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }

    .small-events {
        width: 70%;
        height: 103px;
        margin-top: 8%;
        margin-left: 26%;
        -webkit-transition: -webkit-transform .5s ease-in-out;
        transition: -webkit-transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    }

    .small-events:hover {
        opacity: 0.7;
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
    .parallax {
        /* The image used */
        background-image: url("images/goalpara.jpg");


        /* Set a specific height */
        min-height: 150px;

        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .carousel-container {
  border-radius: 30px;
  overflow: hidden;
  width: 400px;
 
  position: relative;
  -webkit-box-shadow: 0 0 30px -20px #223344;
          box-shadow: 0 0 30px -20px #223344;
  margin: auto;
  z-index: 0;
}

/* Hide the images by default */
.mySlides {
  display: none;
}
.mySlides img {
  display: block;
  width: 100%;
}
.mySlides1 {
  display: none;
}
.mySlides1 img {
  display: block;
  width: 100%;
}

/* image gradient overlay [optional] */
/* .mySlides::after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
    background-image: linear-gradient(-45deg, rgba(110, 0, 255, .1), rgba(70, 0, 255, .2));
} */

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: auto;
  padding: 0px;
  color: white;
  font-weight: bold;
  font-size: 24px;
  border-radius: 0 8px 8px 0;
  /* background: #1995AD; */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.next {
  right: 0;
  border-radius: 8px 0 0 8px;
}
.prev:hover,
.next:hover {
  background-color: #fff;
  color: #1995AD;
}

/* Caption text */
.text {
  color: #f2f2f2;
  background-color: rgba(10, 10, 20, 0.1);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  border-radius: 10px;
  font-size: 14px;
  padding: 8px 12px;
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  text-align: center;
}

/* Number text (1/3 etc) */
.number {
  color: #f2f2f2;
  font-size: 16px;
  background-color: rgba(173, 216, 230, 0.15);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  border-radius: 10px;
  padding: 8px 12px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.dots-container {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

/* The dots/bullets/indicators */
.dots {
  cursor: pointer;
  height: 14px;
  width: 14px;
  margin: 0 4px;
  background-color: rgba(173, 216, 230, 0.2);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.dots:hover {
  background-color: rgba(173, 216, 230, 0.8);
}

/* transition animation */
.animate {
  -webkit-animation-name: animate;
  animation-name: animate;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes animate {
  from {
    -webkit-transform: scale(1.1) rotateY(10deg);
            transform: scale(1.1) rotateY(10deg);
  }
  to {
    -webkit-transform: scale(1) rotateY(0deg);
            transform: scale(1) rotateY(0deg);
  }
}

@keyframes animate {
  from {
    -webkit-transform: scale(1.1) rotateY(10deg);
            transform: scale(1.1) rotateY(10deg);
  }
  to {
    -webkit-transform: scale(1) rotateY(0deg);
            transform: scale(1) rotateY(0deg);
  }
}
.animate1 {
  -webkit-animation-name: animate1;
  animation-name: animate1;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes animate1 {
  from {
    -webkit-transform: scale(1.1) rotateY(10deg);
            transform: scale(1.1) rotateY(10deg);
  }
  to {
    -webkit-transform: scale(1) rotateY(0deg);
            transform: scale(1) rotateY(0deg);
  }
}

@keyframes animate1 {
  from {
    -webkit-transform: scale(1.1) rotateY(10deg);
            transform: scale(1.1) rotateY(10deg);
  }
  to {
    -webkit-transform: scale(1) rotateY(0deg);
            transform: scale(1) rotateY(0deg);
  }
}



    @media screen and (max-width:575px) {
        .events {
            width: 100%;
            margin-top: 15px;
            height: 232px;
            -webkit-transition: -webkit-transform .5s ease-in-out;
            transition: -webkit-transform .5s ease-in-out;
            transition: transform .5s ease-in-out;
            transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
        }

        .small-events {
            width: 104%;
            margin-top: 5%;
            margin-left: -2%;
        }
    }

    @media screen and (max-width:600px) {
        .small-events {
            width: 52%;
            margin-top: 5%;
            margin-left: -2%;
        }

        .events {
            width: 100%;
            margin-top: 15px;
            height: 232px;
            -webkit-transition: -webkit-transform .5s ease-in-out;
            transition: -webkit-transform .5s ease-in-out;
            transition: transform .5s ease-in-out;
            transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
        }

    }
    
    @media screen and (max-width:600px) {
        .car-img {
            height: 250px !important;
            width: 100%;
        }
        
        .small-events {
            width: 104%;
            margin-top: 5%;
            margin-left: -2%;
        }
    }

    .standfirst__title {
        font-size: 3.375em;
        text-align: center;
        font-weight: 500;
    }

    .standfirst__title::after {
        content: '';
        display: block;
        width: 70%;
        height: 5px;
        margin: 0.4em auto 0;
        background: #F74800;
    }
    .standfirst__title1 {
        /* font-size: 3.375em; */
        text-align: center;
        font-weight: 500;
    }

    .standfirst__title1::after {
        content: '';
        display: block;
        width: 10%;
        height: 5px;
        margin: 0.4em auto 0;
        background: #F74800;
    }
    .ResponsiveYTPlayer { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .ResponsiveYTPlayer iframe, .ResponsiveYTPlayer object, .ResponsiveYTPlayer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; }
    




.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
} 


.h-600{
    height: 600px;
    overflow: auto;
}
.h-500{
    height: 500px;
    overflow: auto;
}
.fab-bg-primary{
    background-color:#1995AD !important;
}
.fab-text-primary{
    color:#1995AD !important;
}
.fab-text-blue{
    color:rgba(0, 0, 255, 0.938) !important;
}
.fab-bg-info{
    background-color:#A1D6E2 !important;
}
.mw-15{
    min-width: 15rem !important;
}
.img-principal{
    width: 100px;
    height: 100px;
    border-radius: 8px;
    display: block;
    vertical-align: middle;
}
.img-principal-single{
    width: 200px !important;
    height: 160px !important;
}
.logo{
    height:100px;
    width:100px;
    border-radius: 10%;
}
.college-logo{
    text-align: right !important;
}
.college-name {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
    text-align: center;
}
.college-name h1 {
    font-size: 32px;
    font-family: 'Days One', sans-serif;
    color: #0b5361;
    letter-spacing: 2px;
    font-weight: 800;
    padding: 10px;
    text-shadow: 0 0 6px #E0E0E0;
}
#formContactUs textarea{
    height: 134px;
}
.spinner-border{
    max-height: 20px !important;
    width: 20px !important;
    background: transparent !important;
    padding: 0px !important;
}
.br-10{
    border-radius: 10px !important;
}
.br-10-0{
    border-radius: 10px 10px 0px 0px !important;
}
.font-auto{
    font-family: auto !important;
}


@media screen and (max-width:770px) {
    .college-logo{
        text-align: center !important;
    }
    .univ-logo{
        display: none;
    }
}

@media screen and (max-width:450px) {
    .h-60{
        height: 60px !important;
    }
}








.fs-12{
    font-size:12px;
}
.fs-13{
    font-size:13px;
}
.fs-14{
    font-size:14px;
}
.fs-16{
    font-size:16px;
}
.fs-18{
    font-size:18px;
}
.fs-20{
    font-size:20px;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.fw-700{
    font-weight: 700;
}   
.nacrd{
    font-family: 'Days One', sans-serif;
    font-size: 20px;
 }
.panel-heading{
    font-size:1.5rem; 
    height:45px; 
    padding-left:18px;
    padding-top:5px; 
    font-family:'Times New Roman', Times, serif;
    background-color:#1995AD; 
    color:white;
    text-align:center;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
            box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
}
 
.header {
    /* background: #0c6b88 none repeat scroll 0 0; */
    color: #ffffff;
    font-size: 14px;
    position: relative;
    height: 40px;
}

.affliated {
    padding: 5px 0;
    display: inline-block;
    
}

.header-top-right {
    float: right;
    padding-top: 5px;
}

.content i {
    font-size: 12px;
}

.content a {
    text-decoration: none;
    font-size:12px;
}

.awesome {
    font-family: futura;
    font-style: italic;
    margin: 0 auto;
    color: #313131;
    font-size: 24px;
    font-weight: bold;
}


.logo img {
    margin: 0 auto;
    display: block;
    height: 180px;
    width:430px;
    
   
 
}

.onbutton {
    margin: 0 auto;
    display: block;
}

.mega-menu {
    padding: 1px 0px ! important;
    width: 400px;
    border-radius: 0;
    margin-top: 0px;
}

.mega-menu li {
    display: inline-block;
    float: left;
    font-size: 0.94rem;
    padding: 1px 0px;
}

.mega-menu li.mega-menu-column {
    margin-right: 5px;
    width: 170px;
}

.dropdown-menu {
    min-width: 15rem;
}

.navbar {
    padding: 0rem 1rem;
}

.navbar .nav-item:hover {
    background-color: #962E2A !important;
    color: #1995AD !important;
    border-radius: 5px;
}

@media screen and (max-width:500px) {
    .mega-menu {
        padding: 1px 0px ! important;
        width: 400px;
        border-radius: 0;
        margin-top: 0px;
    }
    .idname{
     font-size: 12px;
    }
    .nam{

color: #930202;
font-size: 15px;
text-align: center;

letter-spacing: 1px;
text-transform: uppercase;
font-weight: 900;
}
    .mega-menu li {
        display: inline-block;
        float: left;
        font-size: 0.94rem;
        padding: 1px 0px;
    }

    .mega-menu li.mega-menu-column {
        margin-right: 5px;
        width: 153px;
    }
}

@media screen and (max-width:768px) {
    .header .container {
        background: -webkit-gradient(linear, right top, left top, from(rgb(73, 102, 215)), color-stop(rgb(26, 72, 113)), to(rgb(8, 3, 72)));
        background: linear-gradient(to left, rgb(73, 102, 215), rgb(26, 72, 113), rgb(8, 3, 72));
    }
    .idname{
     font-size: 12px;
    }
    .header .container .affliated {
        width: 100%;
    }
    .nam{

color: #930202;
font-size: 15px;
text-align: center;

letter-spacing: 1px;
text-transform: uppercase;
font-weight: 900;
}
.logo img{
    /* margin-top:65px !important; */
    width: 300px !important;
  
  
}
.nmbv{
    height:75px;
}
.mbblgn{
    height:80px !important;
}
}

@media screen and (max-width:768px) {
    .header .container .header-top-right {
        width: 100%;
        background: -webkit-gradient(linear, right top, left top, from(rgb(73, 102, 215)), color-stop(rgb(26, 72, 113)), to(rgb(8, 3, 72)));
        background: linear-gradient(to left, rgb(73, 102, 215), rgb(26, 72, 113), rgb(8, 3, 72));
    }
    
    /* #rg {
        margin-top: 30px;
    } */
    .nam{

color: #930202;
font-size: 15px;
text-align: center;

letter-spacing: 1px;
text-transform: uppercase;
font-weight: 900;
}
.logo img{
   /* margin-top:100px !important; */
    width: 300px !important;
   
}
.mobile{
    height:30px;
    width:120px;
    font-size:8px !important;
}
}


@media screen and (max-width:786px) {
    header .container-fluid img {
        height: 100px;
        margin-top: 25px;
        

    }
    .nam{

color: #930202;
font-size: 15px !important;
text-align: center !important;

letter-spacing: 1px !important;
text-transform: uppercase !important;
font-weight: 900 !important;
}
.abc{
   margin-left:35px;


}
.a{
   font-size:18px !important; 
   color:#ea3139;
}



}
.banner {
   
        background-size: auto !important;
    background-size: cover !important;
    border-top: 3px solid #0256b0;

}





.btn {
        clear: both;
        white-space: nowrap;
        font-size: .8em;
        display: inline-block;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
                box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
        margin: 2px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        overflow: hidden
    }

    .btn:hover {
        -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
                box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
    }

    .btn:focus {
        -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
                box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
    }

    .btn>span,
    .btn-icon>i {
        float: left;
        padding: 13px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        line-height: 1em
    }

    .btn>span {
        padding: 14px 18px 16px;
        white-space: nowrap;
        color: #FFF;
        background: #b8b8b8
    }

    .btn:focus>span {
        background: #9a9a9a
    }

    .btn-icon>i {
        border-radius: 5px 0 0 5px;
        position: relative;
        width: 13px;
        text-align: center;
        font-size: 1.25em;
        color: #fff;
        background: #212121
    }

    .btn-icon>i:after {
        content: "";
        border: 8px solid;
        border-color: transparent transparent transparent #222;
        position: absolute;
        top: 13px;
        right: -15px
    }

    .btn-icon:hover>i,
    .btn-icon:focus>i {
        color: #FFF;
        background-color: #1995AD;
    }

    .btn-icon>span {
        border-radius: 0 5px 5px 0
    }

    /*Facebook*/
    .btn-facebook:hover>i,
    .btn-facebook:focus>i {
        color: #3b5998
    }

    .btn-facebook>span {
        background: #3b5998
    }

    /*Twitter*/
    .btn-twitter:hover>i,
    .btn-twitter:focus>i {
        color: #55acee
    }

    .btn-twitter>span {
        background: #55acee
    }

    /*Google*/
    .btn-googleplus:hover>i,
    .btn-googleplus:focus>i {
        color: #dd4b39
    }

    .btn-googleplus>span {
        background: #dd4b39
    }

    /*Pinterest*/
    .btn-pinterest:hover>i,
    .btn-pinterest:focus>i {
        color: #cb2028
    }

    .btn-pinterest>span {
        background: #cb2028
    }

    /*LinkedIn*/
    .btn-linkedin:hover>i,
    .btn-linkedin:focus>i {
        color: #007bb6
    }

    .btn-linkedin>span {
        background: #007bb6
    }


.buttonwq {
  background-color: #004A7F;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 10px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; box-shadow: 0 0 3px #B20000; }
}







        #footer {
            padding: 10px 12px;
            background-color: #A1D6E2;
            font-family: "Segoe UI", Arial, sans-serif;
        }
        .footer a:hover{
            color: #1995AD;
            background-color: #A1D6E2;

        }
        .list {
            margin-left: -25px;
        }

        .list li {
            list-style: none;
            padding-top: 15px;
        }

        .list li a:hover {
            color: #1995AD;
            /* background-color: #fff; */
            text-decoration: none;
            font-weight: 600;
        }

        iframe {
            width: 100%;
            height: 400px !important;
        }

        
        .table-striped tbody tr:nth-of-type(odd) {
        background-color: #9FA8DA !important;
        }

        
/* external css: flickity.css*/

* { -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.carousel {
  background: #EEE !important;
}

.carousel-cell {  
  width: 66% !important;
  min-height: 300px !important;
  margin-right: 15px !important;
  counter-increment: carousel-cell !important;
  contain: content !important;
  overflow: hidden !important;
}

.carousel .carousel-cell img{

  max-width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: 10px !important;
  
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.bg-transparent{
  background: transparent !important;
} 

    @media screen and (max-width:575px) {
        .carousel-cell { 
            min-height: 150px !important;
        }
    }
/* external css: flickity.css

* { -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.carousel {
  background: #EEE !important;
}

.carousel-cell {  
  width: 100% !important;
  min-height: 300px !important;
  margin-right: 15px !important;
  contain: content !important;
  overflow: hidden !important;
  position: relative !important;
}

.carousel .carousel-cell img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  display: block !important;
  border-radius: 10px !important;
}

.bg-transparent {
  background: transparent !important;
} */

.whatsapp-chat.animate__bounceIn {
    -webkit-animation: bounceIn 1s ease;
            animation: bounceIn 1s ease;
}
a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: none;
}
.whatsapp-chat {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #25D366;
    padding: 8px;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    z-index: 1000;
}
.whatsapp-chat img {
    width: 40px;
    height: 40px;
}

.social-media-icon img {
    width: 25px;
    height: 25px;
}
.fab-card{
    border-radius: 20px !important;
}
.cursor-mouse{
    cursor: pointer !important;
}
.cursor-mouse:hover{
    color: rgba(0, 0, 255, 0.938) !important;
}
/* services */

.section-services {
	font-family: "Poppins", sans-serif;
	background-color: #e6edf7;
	color: #202020;
	padding-top: 115px;
    padding-bottom: 120px;
}

.section-services .header-section {
	margin-bottom: 34px;
}

.section-services .header-section .title {
	position: relative;
    padding-bottom: 14px;
    margin-bottom: 25px;
	font-weight: 700;
    font-size: 32px;
}

.section-services .header-section .title:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 50px;
	height: 3px;
	background-color: #1995AD;
    border-radius: 3px;
}

.section-services .header-section .title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
	width: 10px;
	height: 3px;
	background-color: #504f93;
    border-radius: 3px;
}

.section-services .header-section .description {
	font-size: 14px;
    color: #282828;
}

.section-services .single-service {
    position: relative;
    margin-top: 30px;
    background-color: #fff;
    border-radius: 10px;
    padding: 40px 30px;
    overflow: hidden;
}

.section-services .single-service .content {
	position: relative;
	z-index: 20;
}

.section-services .single-service .circle-before {
    position: absolute;
    top: 0;
    right: 0px;
    -webkit-transform: translate(40%, -40%);
            transform: translate(40%, -40%);
    width: 150px;
    height: 150px;
    background-color: #1995AD;
    border: 6px solid #504f93;
    border-radius: 50%;
    opacity: 0.5;
    z-index: 10;
    -webkit-transition: all .6s;
    transition: all .6s;
}

.section-services .single-service:hover .circle-before {
	width: 100%;
	height: 100%;
	-webkit-transform: none;
	        transform: none;
	border: 0;
	border-radius: 0;
	opacity: 1;
}

.section-services .single-service .icon {
	display: inline-block;
	margin-bottom: 26px;
    width: 70px;
    height: 70px;
    background-color: #1995AD;
    border-radius: 5px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.section-services .single-service:hover .icon {
	background-color: #fff;
	color: #1995AD;
}

.section-services .single-service .title {
    margin-bottom: 18px;
	font-weight: 700;
    font-size: 23px;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.section-services .single-service:hover .title {
	color: #fff;
}

.section-services .single-service .description {
    margin-bottom: 20px;
    font-size: 14px;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.section-services .single-service:hover .description {
	color: #fff;
}

.section-services .single-service a {
	position: relative;
	font-size: 18px;
    color: #202020;
    text-decoration: none;
    font-weight: 500;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.section-services .single-service:hover a {
	color: #fff;
}

.section-services .single-service a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #1995AD;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}

.section-services .single-service:hover a:after {
	background-color: #fff;
}
.fs-11px{
    font-size: 11px !important;
}
.w-40{
    width: 40% !important;
}
@media print {
    title {
        display: none !important;
    }
    .container-fliud {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    @page {
        margin: 0;
    }
    body {
        margin: 0 cm;
        -webkit-print-color-adjust: exact;
        head: hidden;
    }
    #non-printable {
        display: none !important;
    }
}


    .hero-section {
      background: url('../assets/images/banners/art-school.jpg') no-repeat center center/cover;
      /* height: 100vh; */
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: white;
      text-align: center;
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgb(0 0 0 / 38%); /* Dark transparent overlay */
      z-index: 1;
    }

    .text-content {
      position: relative;
      z-index: 2;
      max-width: 800px;
    }