body .page{
  max-width: 80%;
    margin: auto;
}
.copyright-text p{margin: 0 auto;padding: 10px 0px 0px 0px}
.copyright-text{margin:0 auto;}
.copyright-text a{color:#212529 }
.copyright-text a:hover{text-decoration: none;}

.mobile-security-text-1{margin:20px auto 20px auto}

*{padding:0;margin:0;}
html{
    scroll-behavior: smooth;
  }
.paddding0{padding:0!important;}
.main-banner{position: relative;}
.banner-form{padding: 20px 40px;
/*background:rgba(0, 67, 113, .8);*/
background: linear-gradient(135deg, rgba(47, 127, 194, 0.9) 0%, rgba(0, 1, 102, 0.9) 100%);
position: absolute;top:0%;bottom: 0%;right: 10%;width: 26%;min-height: 595px}
.header-banner-form{
	background:url('https://iqwing.s3.ap-south-1.amazonaws.com/shsdalhousie/results/2022-01/1642229042960.jpg');
	height: 595px;background-position: center;background-repeat: no-repeat;background-size:cover;}

.form-heading h4{color: #fff;text-transform: uppercase;    font-size: 16px;}
.form-heading{padding: 5px}

.form-button{background: #911923;color: #fff;border:0;padding: 8px 20px;border-radius: 5px}
.divider-yellow{background:#fcd431;padding: 4px 0px }
.divider-blue{background:#0a4470;padding: 4px 0px }
.text-heading{background: #fcd431;
    color: #fff;
    padding: 20px;
    text-align: center;}
.alumini-text-heading{background: #0a4470;
    color: #fff;
    padding: 20px;
    text-align: center;}
	.gallery-img img {
    width: 100%;
    height: 278px;
	}

.text-heading h4, .alumini-text-heading h4{color: #fff;font-size: 40px}
.infrastructure-text ul li{font-size: 12px;list-style-type: none;line-height: 35px}
.infrastructure-text ul{padding: 50px 0px 0px 0px}
.sports-background{background: #0f4566}
.custom-container{max-width: 550px;margin:70px auto 0px auto;}
.sports-icon{color: #fff;padding:10px;}

.security-text ul li{display: inline-block;;vertical-align: middle;}
.security-text ul{padding: 20px}

.boarding-text h3{color: #0a4470}

.float{
	position:fixed;
	bottom:20px;
	right:40px;
   z-index:100;
   animation-delay:5s;
}

.float2{
  position:fixed;
  bottom:60px;
  right:40px;
    z-index:100;
    cursor: pointer;
}

.my-float{
	margin-top:16px;
}

.address-contact h4{color:#fbd30d;text-transform: uppercase; }
.address-margin{padding: 30px 0px}

.address-contact ul{display: inline-flex;padding-left: 0px}
.address-contact ul li{list-style-type: none;padding-right: 20px}

.logo-left{position: absolute;top:20px;left: 10px}

/*.infrastructure-text ul li span{padding-right: 10px;vertical-align: bottom;}*/
.infra-row{width: 95%;margin:0 auto;}



.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #000;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
.owl-slider span {
    font-size: 70px;    
    position: relative;
    top: -5px;
}
.owl-nav button:focus {
    outline: none;
}


.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #000;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
.owl-slider span {
    font-size: 80px;    
    position: relative;
    top: -5px;
    color: #fcd431;
}
.owl-nav button:focus {
    outline: none;
}

.gallery-section{padding: 50px 0px 50px 0px}

.mobile-security-text{margin:80px auto 80px auto}
.responsive-display-block{display: none;}
.responsive-display-none{display: block;}
.form-button:hover{color: #fff;text-decoration: none;}
.padding-10{padding: 10px 0px}
.sports-icon {width: 24.5%;display: inline-block;}
.sports-section-padding{padding: 60px 10px}

[data-tooltip]:hover:before, [data-tooltip]:hover:after {
  display: block;
  position: absolute;
  font-size: 0.8em;
  color: white;
/*  right: 65px*/
}
.hostel-hand-book [data-tooltip]:hover:before {
  border-radius: 0.2em;
  content: attr(title);
  background-color: rgba(0, 0, 0, 0.9);
  margin-top: -5.9em;
  padding: 0.3em;
  position: relative;
    bottom: -55px;
}

.whatsapp-landing [data-tooltip]:hover:before {
  border-radius: 0.2em;
  content: attr(title);
  background-color: rgba(0, 0, 0, 0.9);
  margin-top: -5.9em;
  padding: 0.3em;
  position: relative;
   bottom: 16px;
    right: 98px;
}




/*[data-tooltip]:hover:after {
  content: '';
  margin-top: 0.2em;
  margin-left: 1em;
  border-style: solid;
  border-color: transparent;
  border-top-color: rgba(0, 0, 0, 0.9);
  border-width: 0.5em 0.5em 0 0.5em;
  transform: rotate(180deg);
}*/

.custom-modal-body{padding: 0rem!important}
.padding-form-popup{padding: 20px 50px}

.hostel-image img{width:100%;height: 100%;}
.hostel-image{overflow: hidden;}

.infrastructure-text-alignment-li li:nth-child(2){width: 80%;text-align: justify;}
.infrastructure-text-alignment-li li{padding-right: 20px}


@media(max-width: 768px){
  .banner-form{position: relative;width: 100%;right: 0;bottom: 0}
  .mobile-security-text ul{display: inline-grid;}
  .mobile-security-text{margin:20px auto 0 auto;}
  .responsive-display-block{display: block;}
  .responsive-display-none{display: none;}
  .mpb-20{padding-bottom: 20px}
  .mobile-padding-20{padding: 10px 0px}
  .infrastructure-text ul{padding: 20px 20px 0px}
  .sports-icon {width: 32%;}
  .hostel-image img{width: 100%;height: auto!important;}
  .best-boarding-li-content li:nth-child(3),.infrastructure-text-alignment-li li:nth-child(2){width: 100%!important}
  .infrastructure-text-alignment-li li:nth-child(1){margin:0 auto;}
  .best-boarding-li-content li:nth-child(1), .best-boarding-li-content li:nth-child(2){width: 109%;margin:0 auto;}
  .best-boarding-li-content li img{margin:0 auto;padding: 10px 0px}
  .float{
  bottom:60px;
  right:15px;
}

.float2{
  bottom:120px;
  right:15px;
}

.hostel-hand-book [data-tooltip]:hover:before {
 /*bottom: -8px;*/
 /*   right: 95px;*/
 display:none;
}

.whatsapp-landing [data-tooltip]:hover:before {
  /*margin-top: -5.9em;*/
  /* bottom: -13px;*/
  /*  right: 67px;*/
  display:none;
}
.bounce2{animation:none!important;}
}


@media(max-width:1024px) and (min-width:768px){
.mobile-security-text ul{display: grid;text-align: center;}
}




.best-boarding-li-content li:nth-child(3){width: 70%;text-align: justify;padding-right: 0}
.best-boarding-li-content li{padding-right: 20px}


.address-contact p a{color: #212529}
.address-contact p span{font-weight: 500}

.address-contact p a{text-decoration: none;}

.bounce2 {
  animation: bounce2 2s ease infinite;
}
@keyframes bounce2 {
  /*0%, 20%, 50%, 80%, 100% {transform: translateY(0);}*/
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}

.banner-form .form-control{width: 103%}

.brochure-download a{padding: 10px;
    background: #010101;
    color: #fff;
    border-radius: 5px;
    margin: 9px;}
.brochure-download {margin:50px 0px}
.brochure-download a:hover{text-decoration: none;}


.submit-button{margin:10px 0px;}


.schoolLogo{
    text-align:center;
    width:100%;
}
.schoolLogo img{width: 100%}
.blink_me {
  animation: blinker 1.4s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.5; }
}

.form-group {
    margin-bottom: 0.5rem!important;
}

.submit-button button{
    text-transform:uppercase;
    font-weight:800;
}
.point-main h6:before{
    font-family: FontAwesome;
   content: "\f02e";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
   padding-right: 15px;
   color: #FDC800;
}

.vission{
  background: url('https://iqwing.s3.ap-south-1.amazonaws.com/shsdalhousie/results/2022-01/1642229289651.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  overflow-x: hidden;
  background-position: center;
}
.vission-blank{

}
.vission .vission-content .vission-sec {
    display: block;
    width: 100%;
    position: relative;
    background: rgba(255, 255, 255, 0.5);
    margin-bottom: 1px;
    padding: 30px 100px 30px 50px;
    right: -50px;
    transition: .3s;
}

.vission .vission-content .vission-sec:hover{
    right: 0px;
    transition: .3s;
    background:rgba(255, 255, 255, 1);
}
.vission .vission-content .vission-sec h3{
  color: #000166;
    font-size: 1.5rem;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #FDC804, rgba(0, 0, 0, 0)) 1 .2%;
    border-top: none; border-right: none; border-left: none;
    margin-bottom: 15px;
}
.vission .vission-content .vission-sec p{
  text-align: justify;
}
.vission .vission-content .vission-sec ul li{
  text-align: justify;
}
 @media(max-width:767.89px){
 .vission-blank{
  display: none;
}
            .copyright-text p {
                margin: 0 auto !important;
                padding: 25px 0px 0px 0px !important;
                font-size: 12px !important;
                color: #757575 !important;
            }
            .font-weight {
                font-weight: 600;
            }
            .security-text ul li {
                display: inline-block;
                vertical-align: middle;
            }
            .pollution-section p {
                padding: 0px 30px;
                text-align: justify;
                font-size: 13px;
            }
            .hostel-hand-book [data-tooltip]:hover:before {
                bottom: -8px;
                right: 95px;
            }
            .whatsapp-landing [data-tooltip]:hover:before {
                border-radius: 0.2em;
                content: attr(title);
                background-color: rgba(0, 0, 0, 0.9);
                margin-top: -5.9em;
                padding: 0.3em;
                position: relative;
                bottom: 16px;
                right: 98px;
            }
            @media (max-width: 768px) {
                .infrastructure-text-alignment-li li {
                    display: grid;
                }
                .form-heading h4 {
                    font-size: 15px;
                }
                .infrastructure-text-alignment-li li img {
                    margin: 0 auto;
                }
                .text-heading h4,
                .alumini-text-heading h4 {
                    font-size: 30px;
                }
                .pollution-section {
                    padding: 50px 0px !important;
                }
                .description-box-modern {
                    height: auto !important;
                }
                .description-box-home {
                    height: auto !important;
                }
                .pollution-section h6 {
                    font-size: 12px;
                    line-height: 15px;
                }
            }

            .apply-now-sticky {
                background: #000166;
                color: #eeeeee;
                position: fixed;
                bottom: 0;
                z-index: 9999;
                width: 100%;
                text-align: center;
                font-size: 20px;
                padding: 12px 12px;
            }
            .apply-now-sticky a {
                color: #eeeeee;
            }
            .apply-now-sticky a:hover {
                text-decoration: none;
            }
            .pollution-section h4 {
                font-size: 18px;
                color: #061272;
            }
            .point-main h4:before {
                font-family: FontAwesome;
                content: "\f02e";
                display: inline-block;
                padding-right: 3px;
                vertical-align: middle;
                font-weight: 900;
                padding-right: 15px;
                color: #fdc800;
            }
		
  .description-box-modern h3{
    color: #000166;
    font-size: 35px;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #FDC804, rgba(0, 0, 0, 0)) 1 .2%;
    border-top: none;
    border-right: none;
    border-left: none;
    margin-bottom: 15px;
  }
  .description-box-modern{
  background: #f8f9fa;
    color: #000;
    padding: 30px 30px;
    height: 450px;
  }
  .impact{
    padding-top: 100px;
    padding-bottom: 30px;
  }
  .images-block {
    background: #144565;
    padding: 20px 0px;
}
.description-box-modern ul li{
  list-style: none;
}
.best-boarding-li-content li{
    padding-right:0px;
}
  .bording-img {
        background-image:url(images/9.jpg);
        background-position: center;
    background-size: cover;
    }


.vision-sec{
  background: #f8f9fa;
    padding: 45px;
}

.vision-sec h3{
color: #000166;
    font-size: 35px;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #FDC804, rgba(0, 0, 0, 0)) 1 .2%;
    border-top: none;
    border-right: none;
    border-left: none;
    margin-bottom: 15px;
}
.home-away{
 background: #f8f9fa;
    padding:45px;
}
.home-away h3{
color: #000166;
    font-size: 35px;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #FDC804, rgba(0, 0, 0, 0)) 1 .2%;
    border-top: none;
    border-right: none;
    border-left: none;
    margin-bottom: 15px;
}

   .description-box-home{
  background: #f8f9fa;
    color: #000;
    padding: 30px;
    height: 300px;
  }
  .description-box-home h3{
    color: #000166;
    font-size: 35px;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #FDC804, rgba(0, 0, 0, 0)) 1 .2%;
    border-top: none;
    border-right: none;
    border-left: none;
    margin-bottom: 15px;
  }
  .infra-text p{
    font-size: 12px;
    text-align: justify;
  }
  .sport-text p{
    color: #fff;
  }
  .sports-svg{
    padding: 5px;
  }
  .infra-svg{
    padding: 5px;
  }
  .text-heading-infra h3{
    padding: 20px;
    text-align: center;
    color: #000166;
    font-size: 35px;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #FDC804, rgba(0, 0, 0, 0)) 1 .2%;
    border-top: none;
    border-right: none;
    border-left: none;
    margin-bottom: 15px;

  }
  .infra-para p{
    background: #0a4470;
    color: #fff;
    padding: 20px;
    border-radius: 5px;
  }

 @media (max-width: 768px){

.security img{
    height:auto;
}
.academics img{
    height:auto;
}
.hostel-image{
    height:300px;
}
.infrastructure-text-alignment-li li:nth-child(1){
    padding-bottom:15px;
}
.bording-img{
    height:300px;
}
}   

    .hostel-image {
        background-image:url(images/food-menu.png);
        background-position: center;
    background-size: cover;
    }
    .food .food-text{
        background-color: #911923;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    }

  footer{
    background: #000000;
    padding: 80px 0 0 0;
  }
  footer p {
    color: #B3B3B3;
}
footer h3 {
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.apply-btn {
    padding-top: 40px;
}
.submit-btn {
    background: linear-gradient(135deg, #ffcc00 0%, #FDC800 100%);
    color: #fff;
}
footer .copyright-text {
    text-align: center;
    font-size: .8rem;
    padding: 80px 0 20px 0;
}
.copyright-text a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}
@media(max-width:1024px) and (min-width:768px)
{
	.schoolLogo img{width:50%}
}
.bording-img img{
	height:100%;
}