@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Teko:wght@300..700&display=swap');
body { margin: 0; padding: 0; font-family: "Open Sans", sans-serif;}
p {color: #252525;font-size: 16px;letter-spacing: .4px;line-height: 1.6;margin: 0 0 10px 0;font-family: "Open Sans", sans-serif;}
.main-table li {color: #232323;font-size: 16px;letter-spacing: .4px;line-height: 1.5;margin: 0 0 10px 0;font-family: "Open Sans", sans-serif;}
a { text-decoration: none !important; font-family: "Open Sans", sans-serif;}
h1, h2, h3, h4, h5 { font-family: "Teko", sans-serif;}

.logo-hd img{width: 201px;border-radius: 10px;margin: 6px;}

h3 { font-size: 28px; color: #403f95;}
.heading { margin: 0 0 48px 0;}
.heading h2 {color: #403f95; font-size: 48px; text-transform: uppercase; font-weight: 500; letter-spacing: 5px; text-align: center;}
.heading h5 { color: #403f95; font-size: 28px; letter-spacing: .8px; font-weight: 450; text-align: center;}
.heading1 h4 {text-transform: uppercase;color: #00b0ef;letter-spacing: 5px;font-size: 27px;}
.heading1 h2 {font-size: 50px;margin: 0 0 20px 0;font-weight: 600;color: #403f95;}
.custom-btn {display: inline-block;background: #00b0ef;color: #fff;padding: 16px 48px;font-size: 16px;font-weight: 500;transition: .5s;} 
.custom-btn:hover { background: #c29e7c; color: #fff;}
.border-primary {border-color: #00b0ef !important;}
.text-color {color: #00aff2;}
.sub-heading { font-size: 54px; text-align: center; margin: 30px 0; position: relative; padding: 12px 0;}
.sub-heading::after { content: ''; position: absolute; width: 550px; height: 5px; bottom: 0; left: 0; right: 0; margin: 0 auto; background: #b78d65;}


.tm img{border-radius:10px;box-shadow:2px 2px 8px #b0916e;}
.top-header {padding: 8px 0;background: #606062;}
.top-header p a, .top-header p { color: #f0f0f0; font-size: 13px;}
.top-header .social-icon a{display: inline-block;background: #00b0ef;color: #fff;width: 28px;height: 28px;font-size: 14px;text-align: center;border-radius: 50%;line-height: 2;transition: all .2s ease-in-out;}
.top-header .social-icon a:hover { background: #403f95;}

header {background: #fff;position: relative;}

.banner-section .carousel-caption {text-align: left;top: 30%;width: 48%;left: 10%;/* transform: translate(-100%, -50%); */}
.banner-section .carousel-caption h1 {font-size: 55px;line-height: 1.1;font-weight: 600;margin: 0 0 20px 0;}
.banner-section .carousel-control-next, .banner-section .carousel-control-prev { width: 10%;}

.services-section { padding: 6% 0;}
.services-section .service-item{height:100%;}
.services-section .service-item .service-text { transition: .5s;height:100%;}
.services-section .service-item:hover .service-text { background: #00b0ef;}
.services-section .service-item .service-text p{display: -webkit-box;
  -webkit-line-clamp: 5;     /* Show only 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
.services-section .service-item * { transition: .5;}
.services-section .service-item:hover * { color: #FFFFFF;}
.services-section .service-item .btn { width: 40px; height: 40px; display: inline-flex; align-items: center; color: #403f95; background: #FFFFFF; white-space: nowrap; overflow: hidden; transition: .5s;}
.services-section .service-item:hover .btn { width: 140px; }
.services-section .service-text { padding: 30px;}
.services-section .service-text .btn i {color: #00b0ef;}
.services-section .section-title { font-weight: 600; letter-spacing: 5px; text-transform: uppercase; }
.services-section .service-text:hover .icon-show{filter:invert(1);}



.fact-counter{
	position:relative;
}

.fact-counter .counter-column{
	position:relative;
	z-index:1;
	margin-bottom:30px;
}

.fact-counter .counter-column .inner{
	position:relative;
	text-align:left;
	padding:40px 20px;
	border:1px solid rgba(255,255,255,0.15);
	background-color:rgba(0,30,73,0.80);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.fact-counter .counter-column .inner:hover{
	border-color:#e1a122;
}

.fact-counter .counter-column .inner .content{
	position:relative;
	padding-left:64px;
}

.fact-counter .counter-column .count-box{
	position:relative;
	color:#ffffff;
	font-size:45px;
	line-height:1em;
	font-family: 'Bellefair', serif;
}

.fact-counter .counter-column .count-box sup{
	position:relative;
	color:#ffffff;
}

.fact-counter .counter-column .icon{
	position:absolute;
	left:0px;
	top:0px;
	color: #00aff2;
	font-size:44px;
	line-height:1em;
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
}

.fact-counter .counter-column .inner:hover .icon{
	-webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.fact-counter .counter-column .count-text{
	display:inline-block;
	color:#ffffff;
	line-height:1em;
}

.fact-counter .counter-column .count-outer{
	position:relative;
	font-size:48px;
	line-height:1em;
}

.fact-counter .counter-column .counter-title{
	margin-top:10px;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
}

.fact-counter.style-two .counter-column .inner{
	background:none;
	border:0px;
	padding:40px 0px;
}




.registration-steps { padding: 0 0 6% 0;}
.registration-steps .fact-item .fact-icon {width: 120px;height: 120px;margin-top: -40px;margin-bottom: 1.5rem;display: inline-flex;align-items: center;justify-content: center;background: #FFFFFF;border-radius: 120px;border: 3px solid #00b0ef;transition: .5s;}
.registration-steps .fact-item:hover .fact-icon { background: #00b0ef;}
.registration-steps .fact-item:hover .fact-icon img{filter:invert(1);}
.registration-steps .fact-item .fact-icon i {transition: .5;}

.slider { padding: 0 0 6% 0;}
.slider .carousel { padding: 40px 45px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.slider .carousel-control-next, .slider .carousel-control-prev { width: 3.5%; filter: brightness(0);}
.slider .carousel h4 { font-size: 34px; color: #403f95; line-height: 1.4; margin: 0;}
.slider .carousel h4 i { color: #b78d65; font-size: 30px; animation: fa-beat 1s infinite;}

@keyframes fa-beat {
    0% { transform: scale(.9)}
    50% {
        transform: scale(1.3)
    }
    100% { transform: scale(.9);}
}

.about-section { padding: 2% 0 6% 0;}
.about-img, .feature-img { position: relative; height: 100%; min-height: 400px;}
.about-img img, .feature-img img {position: absolute;width: 60%;height: 80%;object-fit: cover;left: 0%;top: 5%;}
.about-img img:last-child, .feature-img img:last-child { margin: 20% 0 0 40%;}
.about-img::before, .feature-img::before {position: absolute;content: "";width: 60%;height: 80%;top: 10%;left: 20%;border: 5px solid #00b0ef;z-index: -1;}

.team-section { padding: 4% 0 7% 0;}
.team-items { margin: -.75rem;}
.team-item { padding: .75rem;}
.team-item img{ width:100%;}
.team-item::after { position: absolute; content: ""; width: 100%; height: 0; top: 0; left: 0; background: #FFFFFF; transition: .5s; z-index: -1;}
.team-item:hover::after { height: 100%; background: #00b0ef;}
.team-item .team-social { position: absolute; width: 100%; bottom: -20px; left: 0;}
.team-item span {color: #00b0ef;font-size: 15px;}

.contact-section { padding: 0 0 8% 0;}
.contact-section .icon i {color: #00aff2;font-size: 40px;}
.contact-section h4 a { color: #403f95; font-size: 27px; font-family: "Teko", sans-serif;}
.contact-section .contact-form{box-shadow: rgb(64 63 149) 12px 10px 26px 0px;border: 3px solid #403f95;padding: 40px;outline: 1px solid #403f95ed;outline-offset: -4px;}
.contact-section .contact-form .form-control {margin: 0 0 35px 0;padding: 22px 12px;border: none;border-bottom: 2px solid #403f95;border-radius: 0;}
.contact-section .contact-form .form-control:focus { box-shadow: 0 0 0 .25rem rgb(231 231 242);}
.contact-section .contact-form .form-control::placeholder { color: #444444;}
.contact-section .contact-form input[type='button'] {background: #00aff2;border: none;outline: 1px solid #403f9591;outline-offset: -1px;width: 100%;padding: 18px;color: #fff;}

.testimonial-section .carousel-control-next, .testimonial-section .carousel-control-prev { width: 5%; filter: brightness(0);}
.testimonial-section .carousel-item p { font-size: 18px; margin: 0 0 18px 0;}

.client-section { padding: 6% 0;}
.client-section .item { display: inline-block; margin:0 0 0 45px;}

footer { background: #606062;}
footer li{position:relative;}
footer li:before{
     content:"\f00c";
     display:block;
     position:absolute;
     top:0;
     left: -20px;
     font-family: 'FontAwesome';
     color: #00aff2;
}
footer h5 { color: #fff; text-transform: uppercase; margin: 50px 0 20px 0; font-size: 27px; letter-spacing: 5px;}
footer ul { list-style-image: url('image/next.png'); } 
footer ul a { color: #e4e4e4; margin: 0 0 10px 0; display: inline-block; font-size: 15px;}
footer ul a:hover, footer a:hover { color: #fff;}
footer p, footer a { color: #e4e4e4; font-size: 15px;}
footer p i {color: #00aff2;margin: 5px 5px 0 0;}
footer .social-icon a {display: inline-block;background: #00aff2;color: #fff;width: 40px;height: 40px;font-size: 16px;text-align: center;line-height: 2.5;transition: all .2s ease-in-out;}
footer .social-icon a:hover { background: #403f95;}
footer .left-text {background-image: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0));padding: 50% 8%;/* padding: 15% 8%; */}
footer .left-text p { font-size: 16px;}
footer .left-text img{border-radius: 10px;margin: 6px;}

.about-header {padding: 7% 0 5% 0;background-image: linear-gradient(rgb(96 96 98) 0%, rgb(64 63 149));}
.about-header h1 {color: #fff;font-size: 76px;margin: 0;font-weight: 600;text-align: center;}

.service-page { padding: 3% 0;}
.service-page .list-group-item { padding: 12px 10px; font-family: "Teko", sans-serif; font-size: 23px; font-weight: 400;}
.service-page .list-group-item.active { background: #b78d65; border-radius: 0; border: 0;}

.main-table ul li,.main-table ol li{position:relative;list-style-type:none;}
.main-table ul li:before{  content:"\f00c";
     display:block;
     position:absolute;
     top:0;
     left: -20px;
     font-family: 'FontAwesome';
     color: #00aef0;}
.main-table ol li:before{  content:"\f00c";
     display:block;
     position:absolute;
     top:0;
     left: -20px;
     font-family: 'FontAwesome';
     color: #00aef0;}
.why-choose i { font-size: 52px; margin: 0 0 10px 0;}

@media (min-width: 320px) and (max-width: 768px) { 
    .logo img{width: 100%;margin:5px 0;}

    p {font-size: 15px; letter-spacing: .2px;}
    .main-table li {font-size: 15px; letter-spacing: .2px;}
    
    h3 { font-size: 24px;}
    .heading { margin: 0 0 48px 0;}
    .heading h2 {font-size: 30px; margin: 0; letter-spacing: 3px;}
    .heading h5 {font-size: 20px; letter-spacing: .8px;}
    .heading1 h4 { letter-spacing: 3px; font-size: 21px; margin: 0;}
    .heading1 h2 { font-size: 30px; margin: 0 0 10px 0;}
    .custom-btn { padding: 10px 24px; font-size: 14px;} 

    .banner-section .carousel-item img { height: 240px; object-fit: cover;}
    .banner-section .carousel-caption { top: 12%; width: 80%; left: 10%;}
    .banner-section .carousel-caption h1 { font-size: 42px; font-weight: 500; margin: 0 0 10px 0;}

    .registration-steps { padding: 0;}
    .registration-steps .fact-item .fact-icon { margin-top: 0;}

    .slider { padding: 0 0 6% 0;}
    .slider .carousel { padding: 25px;}
    .slider .carousel-control-next, .slider .carousel-control-prev { width: 7%;}
    .slider .carousel h4 { font-size: 24px; margin: 20px 0 0 0;}
    .slider .carousel h4 i { color: #b78d65; font-size: 26px; animation: fa-beat 1s infinite;}

    .contact-section { padding: 0 0 12% 0;}
    .contact-section .icon i { font-size: 30px;}
    .contact-section h4 a { font-size: 21px;}
    .contact-section .contact-form{box-shadow: none; padding: 30px; margin: 20px 0 0 0;}
    .contact-section .contact-form .form-control { margin: 0 0 10px 0; padding: 12px;}
    .contact-section .contact-form input[type='button'] { margin: 15px 0 0 0; padding: 12px;}

    .testimonial-section .carousel-item p { font-size: 15px; margin: 0 0 10px 0;}

    footer h5 { margin: 25px 0 12px 0; font-size: 21px; letter-spacing: 3px;}
    footer .left-text { padding: 10% 5%;}
    footer .left-text p { font-size: 15px;}

    .about-header { padding: 10% 0;}
    .about-header h1 { color: #fff; font-size: 32px; margin: 0; font-weight: 500;}

    .service-page .list-group-item { padding: 10px 7px; font-size: 18px;}

    .why-choose i { font-size: 27px;}
}
#form_wrap{ border: 3px solid #b78d65; padding: 30px; position: sticky; position: -webkit-sticky;top: 20px;}
#form_wrap #errmsg{font-size: 13px !important;}
#HomepagecontentControl_C{overflow: initial !important;}
#HomepagecontentControl{overflow: initial !important;}
#HomepagecontentControl_C > center >table{margin-top: 0 !important;}
#inner_pg_tab_wrap{top: 80px;}
.map-hm-rht .form-control { margin: 0 0 15px 0; padding: 12px; border: none; border-bottom: 2px solid #8b8b8b; border-radius: 0;}
.map-hm-rht input[type='button'] { background: #b78d65; border: none; width: 100%; padding: 15px; color: #fff; font-size: 16px}

.service-page .ser-box { padding: 20px 20px 10px 20px; border-left: 5px solid #3e2309; box-shadow: 3px 3px 3px 3px gray; margin: 0 0 20px 0;}
.service-page .ser-box p { font-weight: 500;}

.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #00aff2;
    padding: 15px;
    z-index: 999;
    cursor: pointer;
    opacity: 0;
    transition: ease-in 0.5s;
}


.top.scll-top {
    opacity: 1;
    transition: ease-in 0.5s;
}

.top .fa {
    display: block !important;
}

/*--------------------------------------------------------------
# inner-pg-sec
--------------------------------------------------------------*/
.inner-pg-sec{padding-top: 0;background-color: #c5c5c5;}
.inner-pg-sec > .container{position: relative;margin-top: -180px;padding: 20px;background-color: #ffffff;box-shadow: rgb(8 8 8 / 25%) 0px 13px 27px -5px, rgb(118 110 110 / 30%) 0px 8px 16px -8px;}
.inner-pg-sec .hm_heading{text-align: left;}

 /*Btn Style three*/
.btn-style-three{position: relative;display: inline-block;line-height: 30px;color: #403f95;padding: 11px 32px 11px;overflow: hidden;background:none;letter-spacing:1px;border-radius:0px;font-weight:600;text-transform: uppercase;border: 1px solid #403f95;}
.btn-style-three:before{position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;transition: 0.3s;z-index: 1;opacity: 0;background-color: #00aef0;transform: scale(0.2, 1);}
.btn-style-three .txt{position:relative;z-index:1;}
.btn-style-three:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.btn-style-three:hover{color: #ffffff;border-color: #00aef0;background: #00aef0;}
/*  */

/*--------------------------------------------------------------
# widgetpage6
--------------------------------------------------------------*/
 #WidgetControl6{display: none;}
.ser_btm_wrapper{background-color: #c5c5c5; margin: 20px 0;}
 .ser_btm_wrapper .hm_heading{text-align: left; font-size: 42px;padding-bottom: 8px;}
 .ser_btm_wrapper_img{position: relative; overflow: hidden;}
 .ser_btm_wrapper:hover .ser_btm_wrapper_img::before{content: ""; position: absolute;inset: 0; background-color: #403f95; }
 .ser_btm_wrapper_img img{height: 380px;width: 100%; transition: 0.3s linear;}
.ser_btm_wrapper:hover .ser_btm_wrapper_img img{opacity:0.7;transform:scale(1.07,1.07) rotate(3deg);}
 .ser_btm_sec{padding:0 30px;}
/*  */

  /* hm_heading */
.hm_heading{position:relative;color: #403f95;margin-bottom: 20px;text-transform:uppercase;font-size: 48px;}
.hm_heading:before{position:absolute;content:'';left:0px;bottom:0px;height:2px;width:60px;background-color: #00aef0;}
.hm_heading.centered::before{left:50% !important;margin-left:-30px;}
/*  */

/* section {padding: 60px 0;} */

#carouselExampleCaptions .carousel-item{position:relative;}
#carouselExampleCaptions .carousel-item:before{content:"";position:absolute;left:0;right:0;width:100%;height:100%;background-color:#00000099;}