html,
body {
  height:100%;
}

body {
  background-color:#fff;

}


@font-face {
  font-family: "DMSans-Regular";
  src: url('../font/DMSans-Regular.woff') format('woff'), 
  url('../font/DMSans-Regular.woff2') format('woff2'); 
} 

@font-face {
  font-family: "DMSans-Medium";
  src: url('../font/DMSans-Medium.woff') format('woff'), 
  url('../font/DMSans-Medium.woff2') format('woff2'); 
}

@font-face {
  font-family: "DMSans-Bold";
  src: url('../font/DMSans-Bold.woff') format('woff'), 
  url('../font/DMSans-Bold.woff2') format('woff2'); 
}


*{  padding:0;  margin:0;    font-size:16px; font-family: "DMSans-Regular"; color:#5F6366;}
h1, h2, h3, h4, h5, h6{margin-bottom:0px; font-family: "DMSans-Bold";}
p{font-family: "DMSans-Regular";}
p:last-child{margin-bottom:0px;}


img{max-width:100%;}


input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #5F6366 !important;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #5F6366 !important;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #5F6366 !important;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #5F6366 !important;
}


textarea::-webkit-input-placeholder {color: #5F6366 !important;}
textarea::-moz-placeholder {color: #5F6366 !important;}
textarea:-ms-input-placeholder {color: #5F6366 !important;}
textarea:-moz-placeholder {color: #5F6366 !important;}




input:focus, select:focus, textarea:focus, button:focus{
	outline:none !important; box-shadow:none !important; 
}

ol, ul{
	margin-bottom:0px;
}


	.dm-regular{font-family: "DMSans-Regular";}
	.dm-medium{font-family: "DMSans-Medium";}
	.dm-bold{font-family: "DMSans-Bold";}
	
	.extra-large-heading{font-size:50px;} 
	.large-heading{font-size:36px;} 
	.medium-heading{font-size:24px;}
	.small-heading{font-size:20px;} 
	 
	.primary-bg{background-color:#ECF2F5;}
	.secondary-bg{background-color:#015285;}
	.highlight-bg{background-color:#8ABE3F;}
	 
	.secondary-text{color:#015285;}
	.highlight-text{color:#8ABE3F;}
	.z-1{z-index:1;}
	.z-2{z-index:2;}
	
	.light-gradient{ background-image: linear-gradient(to bottom, #ffffff, #ECF2F5);}
	
	.fill-btn{background-color:#8ABE3F; color:#fff; border:1px solid #8ABE3F; padding:10px 15px; border-radius:20px;}
	.fill-btn:hover{background-color:#ffffff; color:#8ABE3F; border:1px solid #8ABE3F; padding:10px 15px; border-radius:20px;}
	
	header{border-top:4px solid #015285;}
	.doon-logo{width:125px;}
	.doon-bar{width:calc(100% - 125px);}
	
	.slick-slider{padding-bottom:60px;}
	.slick-slider .slick-list{margin:0px -7px;}
	.slick-slider .slick-slide{margin:0px 7px;}
	
	.slick-prev {
    left: 47%;
    width: 35px;
    height: 35px;
	background-color: transparent;
    border: 1px solid #015285;
    border-radius: 50%;
    z-index: 1;
	top:unset; 
	bottom: -17px;
    transform: translate(-50%, -17px);
}

.slick-prev:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #015285;
    border-top: 2px solid #015285;
    margin-left: 4px;
    transform: rotate(-135deg);
}


.slick-next {
    right: 46%;
    width: 35px;
    height: 35px;
   background-color: transparent;
    border: 1px solid #015285;
    border-radius: 50%;
    z-index: 1;
	top:unset; 
	bottom: -17px;
    transform: translate(-50%, -17px);
}

.slick-next:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    border-right: 2px solid #015285;
    border-top: 2px solid #015285;
    transform: rotate(45deg);
}


.slick-next:hover, .slick-next:active, .slick-next:focus {
    background-color: #8ABE3F;
	border:1px solid #8ABE3F;
}

.slick-next:hover:before, .slick-next:active:before, .slick-next:focus:before {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}


.slick-prev:hover, .slick-prev:active, .slick-prev:focus {
    background-color: #8ABE3F;
	border:1px solid #8ABE3F;
}

.slick-prev:hover:before, .slick-prev:active:before, .slick-prev:focus:before {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}
	
	.doon-radius-small{border-radius:10px;}
	.doon-radius-medium{border-radius:15px;}
	.doon-radius-large{border-radius:20px;}
	
	.doon-border{border:1px solid #DEE5E9;}
	
	.line-clamp-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

footer:after{content:"";background-image:url("../img/footer-bg.webp"); width:100%; height:100%; top:0; left:0; bottom:0; right:0; display:block; position:absolute; background-repeat:no-repeat; background-size:cover;background-position:center center; z-index:0;}

.ft-top-content:after{content:""; display:block; position:absolute;width:calc(100% - 32px); height:1px; background-color:#07639d; bottom:0px;}
.footer-icon{width:30px;}
.footer-icon i{font-size:24px;}
.footer-contact-text{width:calc(100% - 30px);}

.footer-social-wrap ul li a{width:30px; height:30px; border-radius:50%; background-color:#ffffff; line-height: 30px;}
.footer-social-wrap ul li a i.fa-facebook-f{color:#4267B2;}
.footer-social-wrap ul li a i.fa-youtube{color:#FF0000;}
.footer-social-wrap ul li a i.fa-instagram{ background: radial-gradient(circle at 30% 107%,  #fdf497 0%, #fdf497 5%,     #fd5949 45%, #d6249f 60%,     #285AEB 90%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}

.doon-area-location{width:16px;}
.doon-address{width:calc(100% - 16px);}


header {
    position: fixed;
    width: 100%;
    height: 82px;
    top: 0px;
    z-index: 5;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

header.fixed {
    position: fixed;
    width: 100%;
    height: 82px;
    top: 0px;
    z-index: 5;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.mobile-menu{display:none;}

.mobile-overlay{
    display: none;
    position: fixed !important;
    background-color: #000000;
    opacity: 0.7;
    transition-property: opacity;
    z-index: 3;
    visibility: visible;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

main{padding-top:82px;}

.hero-inner-banner{height:400px;}
.hero-inner-banner img{width:100%; height:100%; object-fit:cover;}
.hero-inner-banner:before{content:""; position:absolute; left:0; top:0; bottom:0; right:0; display:block; height:100%; width:100%; background-color:#015285bd; z-index:1;}

@media (max-width: 1400px)
{
	.extra-large-heading{font-size:46px;} 
	.large-heading{font-size:32px;} 
	.medium-heading{font-size:22px;}
	.hero-inner-banner{height:380px;}
	
	
}

@media (max-width: 1199px)
{
	.extra-large-heading{font-size:40px;} 
	.large-heading{font-size:30px;} 
	.slick-prev{left:47%;}
	.slick-next{right:44%;}
	.hero-inner-banner{height:350px;}
	
	
}



@media (max-width: 1024px) {
	body.body-active{overflow-y:hidden;}
	body.body-active .mobile-overlay {display: block;}
	main{padding-top:66px;}
	header{height:66px;}
	header.fixed {height:66px;}
	header .mobile-menu.mobile-icon-open ~ .header-menu{        top: 66px;      height: calc(100vh - 66px);}
	.mobile-menu{display:inline-block; order:1;}
    .mobile-bar{float: right; border: 0px; display: inline-block; text-align: center; background-color: transparent; width: 26px; height: 26px; position: relative; z-index: 1;}
	.mobile-bar span{height: 3px; margin-bottom: 6px;  border-radius: 3px; background-color:#015285; display: block;
        z-index: 1; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
	.mobile-bar span:nth-child(1) { width: 24px;    }
	.mobile-bar span:nth-child(2) { width: 24px;    }
	.mobile-bar span:nth-child(3) {width: 24px; margin-bottom: 0px;    }
	.header-menu{  display: block !important;    position: fixed;    width: 300px;    background-color: #ffffff;    height: 100%;    right: -300px;    top: 66px;    padding-top: 70px;    -webkit-transition: all .25s ease-in-out;    -o-transition: all .25s ease-in-out;    transition: all .25s ease-in-out;    overflow: auto;}
	
	.mobile-menu.mobile-icon-open ~ .header-menu{right: 0px;   -webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;        transition: all .25s ease-in-out;}
	
	.mobile-menu.mobile-icon-open .mobile-bar span:nth-child(1){transform: rotate(45deg); position: absolute;top: 12px;}
	.mobile-menu.mobile-icon-open .mobile-bar span:nth-child(2){display:none;}
	.mobile-menu.mobile-icon-open .mobile-bar span:nth-child(3){transform: rotate(-45deg); position: absolute;
	bottom: 11px;}
	
	.header-menu>nav>ul>li{width: 100%; padding: 0px !important;  border-bottom: solid 1px #b7b7b726; }
	.header-menu>nav>ul>li a{padding:16px; width: 100%;        display: block;        text-align: left;}
	
	.header-cta{padding-right:30px; padding-left:0px !important;}
}


@media (max-width: 991px)
{
	.extra-large-heading{font-size:30px;} 
	.large-heading{font-size:28px;} 
	.medium-heading{font-size:20px;}
	.slick-prev{left:47%;}
	.slick-next{right:41%;}
	.hero-inner-banner{height:300px;}
	
	
}

@media (max-width: 767px)
{
	.hero-inner-banner{height:280px;}
	
}