@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root{
	/* --clr-yellow: #d8a448; */
	--clr-yellow:#deaff7;
	--clr-purple:#974fd3;
}


body{font-family: "Poppins", sans-serif; font-size:16px; color:#000; line-height:24px; font-weight:400; overflow-x:hidden;}
html{scroll-behavior: smooth;scroll-padding-top:60px;}
body img{border-radius:20px;}



a{color:#000; text-decoration:none;}
a:hover{color:#000;}
a, .logo img, .shrink.navbar-expand-lg, .thumbox:before{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}


h1{font-size: clamp(20px, 4.2vw, 50px); font-weight:600;}
h2{font-size: clamp(20px, 3vw, 36px); font-weight:600;}
h3{font-size: clamp(20px, 3vw, 30px);}
h5{font-size:18px;}
h6{font-size:16px;}
.textgap{padding-bottom:80px;}


section, .section {padding-bottom: 6vw;padding-top: 6vw;}
.bg-light{background:#f7f7f7!important;}
.bg-success{background:#38b54a!important;}
.text-success{color:#38b54a!important;}









.navbar{position:fixed; width:100%; z-index:9999; background:#fff;}
.shrink.navbar{-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3); box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);}



.spacer{height:124px;}
.logo img{max-width:320px;}
.shrink .logo img{max-width:280px;}
.call{color:#073863; margin-left:5px;}
.text-warning{color:var(--clr-yellow)!important;}
.border-warning{border-color:var(--clr-yellow)!important;}











.btn{text-shadow: none!important; box-shadow: none; padding: 10px 30px; font-size: 16px; position: relative; isolation: isolate; cursor: pointer; -webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear; transition: all .3s linear; font-weight:400; overflow: hidden;}
.btn:hover{color:#fff;}
.btn:after{position: absolute; content: ''; z-index: -1; inset:-1px; scale:0 1; transform-origin: top; transition: scale 450ms;}
.btn:hover:after, .btn:focus-visible:after{transform-origin: bottom; scale:1 1;}
.btn-warning:after, .btn-dark:after, .btn-outline-dark:after, .btn-outline-light:after{background:#000;}
.btn-warning{background:var(--clr-yellow)!important; border-color:var(--clr-yellow)!important;}
.btn-outline-dark{border:1px solid #000;}
.btn-outline-dark:hover{background-color:transparent; border:1px solid #000;  color:#fff;}
.btn-outline-light:hover{background-color:transparent; border:1px solid #000;  color:#fff;}
.btn-lg{padding:14px 40px;}
.btn-sm{padding:5px 15px; font-size:14px!important;}



.nav-link {font-size: 16px;color: #000;display: block;margin: 0 0 0 20px;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: var(--clr-purple);}
.nav-link:hover {color: var(--clr-purple);}
.nav-link i{font-size:14px; font-weight:700;}
.navbar-expand-lg .navbar-collapse{justify-content: center;}

.nav-link:focus, .nav-link:focus-visible{box-shadow: none;outline: none;}



.banner {overflow: hidden;background: url("images/mainbannernew.jpg") no-repeat center center;background-size: cover;font-size:clamp(16px, 3vw, 24px);font-weight: 400;position: relative;
height: calc(100vh - 94px); line-height:34px;}

.innerbanner{background-size: cover; position: relative; width:100%; height:100%; aspect-ratio:6/1; isolation: isolate;}
.innerbanner h3{margin-bottom:0;}
.innerbanner, .container{z-index:9;}
.innerbanner:after{position: absolute; content:''; inset:0; width:100%; height:100%; background:#000; opacity:.5; z-index: -1;}


/* .contactbanner{background: url("images/contactbanner.jpg") no-repeat center -430px;} */
.contactbanner{background: url("images/braille1.jpeg") no-repeat center;background-size: cover;}
.howitbanner{background: url("images/howitbanner2.jpg") no-repeat center;background-size: cover;}
.faqbanner{background: url("images/faqbanner.jpg") no-repeat center;background-size: cover;}

/*
.lineright{display: table;white-space: nowrap;}
.lineright:after {border-top: 1px solid #fff; content: '';display: table-cell;position: relative;top:18px;width:10%;}
.lineright:after {left: 1.5%;}
*/

.locationbox{position:relative; background:#0c120c;}
.locationbox img{aspect-ratio:10/2; object-fit: cover; width:100%; height:100%; opacity:.3; border-radius:0;}
.locationbox a{font-size:clamp(16px, 2vw, 24px); font-weight:700; color:#fff; display: block; text-align: center;}
.locationbox a:hover{color:#ccc;}
.locationbox i{display: block; text-align: center; margin-bottom:30px; font-size:40px;}



.thumbox{padding:50px;position:relative; border-radius:20px; border:1px solid #e9e9e9;height:100%;}
.thumbox:before{content:"";width: 100%;height:0;position: absolute;background: #e9e9e9; left:0; right:0; bottom:0; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s ease; z-index:-1; border-radius:20px;}
.thumbox:hover:before{height:100%;}
.thumbox:hover p{position:relative;}
.thumbox img{filter: invert(43%) sepia(70%) saturate(721%) hue-rotate(232deg) brightness(82%) contrast(101%); width:70px;}
.thumbox h5{margin:50px 0 20px 0; font-weight:600; position:relative;}
.thumbox span{background:#fff;border-radius: 100px;width: 100px;height: 100px;display: flex; justify-content: center; align-items: center;
	margin: 0 auto;padding: 10px; border:1px solid #e9e9e9;
margin-top:-100px;}
.thumbox .btn-outline-primary{border:1px solid #0d2d6c; color:#0d2d6c; margin-top:20px;}
.thumbox:hover .btn-outline-primary{background-color:#38b54a; border:1px solid #38b54a;  color:#fff;}




/*
.list{position: relative; margin:0; padding:0; line-height:normal; font-size:14px;}
.list li{margin-bottom: 10px;display: flex;column-gap:10px;}
.list li:before{font-family: 'Line Awesome Free';display: flex;content: '\f00c';font-size: 20px;font-weight: 700;}
*/







.form-control{margin-bottom:20px; line-height:40px; border-radius:4px; background:#fff; border:1px solid #000; border-radius:5px; color:#000;}
textarea.form-control{height:150px!important;}
.error{color:#F10307; display:block; margin-top:10px;}
.form-control::placeholder {color: 000 !important;opacity: 1;}
.form-control:focus{box-shadow:none; border-color:#CCC;}
.homeform.form-control{background:#fff;}
.homeform, .form-control::placeholder {color: grey !important;}





.footermenu {margin: 0;padding: 40px;text-align: center;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.footermenu a{color:#000; padding:0 20px;}
.footermenu span{color:#ccc; padding:0 20px;}



.footer{background:#fff; color:#000;}
.footer h6{font-size:18px; font-weight:600;}
.footer a:hover{color:var(--clr-purple);}
.footer img{width:300px;}
.social a{margin-right:15px; font-size:24px; color: var(--clr-purple);}
.social a:hover{color:#000;}



.lineicon{display: flex; align-items: center; font-size:14px; color:#073863;}
.lineicon i{font-size:20px; margin-right:8px; background:var(--clr-yellow);padding: 12px;border-radius: 10px;color: #fff;}
.lineicon a{font-size:14px; color:#073863;}
.lineicon a:hover{color:var(--clr-yellow);}


/*.testimonial.slick-slider{margin-inline: -15px;}*/
.testimonial .slick-track { display: flex !important; }
.testimonial p{font-style: italic; font-size:clamp(14px, 3vw, 18px);}
.testimonial .slick-slide{margin:0; position: relative; padding:clamp(14px, 2vw, 40px); line-height:24px;height: inherit !important;}
.testimonial span{display:block; margin-top:10px; font-size:16px; color: var(--clr-yellow);}
/*
.testimonial .slick-arrow{position: absolute; top: 50%; transform: translate(0, -50%); font-size:26px; border:0;background:none; cursor: pointer; padding:10px 5px; border-radius:0; z-index:9;}
.testimonial .las.la-angle-left, .testimonial .las.la-angle-right{align-items: center; display: flex; justify-content:center; color: #fff; background:#328b5e;}
.testimonial .las.la-angle-right{right:15px;}
.testimonial .las.la-angle-left{left:15px;}
*/


.testimonial .slick-dots{font-size: 0; text-align: center; margin-bottom:0; margin-top:20px; padding: 0;}
.testimonial .slick-dots li{position: relative;display: inline-block;}
.testimonial .slick-dots li button {padding:6px; width:14px; height:14px; border-radius:50px;background:#d5d5d5; border:0; margin:0 5px;}
.slick-dots li.slick-active button{opacity:1;background: var(--clr-yellow);}
.testimonial i {font-size:80px; color:#f2f8fb; position: absolute; z-index:-1;}

.accordion-button:not(.collapsed){background-color: var(--clr-yellow); color:#fff; }
.accordion-button:focus{box-shadow:none;}
.accordion-item{border-bottom: 0; margin-bottom:5px; border-radius:10px; border: none;}
.accordion-button{font-size: clamp(14px, 3vw, 18px); font-weight:500; border: 1px solid #ebebeb; border-radius:10px!important; color:#974fd3;}
.accordion-body{font-size:14px; padding:clamp(14px, 3vw, 40px);}












@media (max-width:1400px){.container{max-width:1230px; position:relative; }}

@media (max-width:1199.98px){.nav-link{margin:0; font-size:13px;}}

/*
@media (min-width:991px) {
.dropdown .dropdown-menu {display: block;visibility: hidden;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);
-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;box-shadow: 0 10px 10px rgb(0 0 0 / 10%); padding: 10px;}
.dropdown:hover > .dropdown-menu {visibility: visible;opacity: 1;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {color: #333;background-color:#fff;padding-left: 15px;border-radius:3px;}
}
*/

@media (max-width:991.98px){
    .spacer {height: 88px;}
	.logo img, .shrink .logo img {max-width:200px;}
	.btn-lg {font-size: 18px;padding: 8px 15px;}
	.navbar-nav{line-height:30px;}
	.nav-item{border-bottom: 1px dotted #4a4b4c; padding:0 20px;}
	.nav-link{color:#fff;}
/*	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #ffcc00;}*/
	.navbar-toggler i{font-size: 25px;color: #0d2c6c; vertical-align: middle; border:1px solid #ccc; border-radius:5px; padding:8px 10px; margin-left:5px;}
	.navbar-toggler:focus{box-shadow:none;}.navbar-expand-lg .navbar-nav .nav-link{margin: 0;}
	.navbar-collapse{position: absolute;left:0; right:0; top:80px; background-color:#000;}/*	.shrink .navbar-collapse{top:48px;}*/
	.navbar-expand-lg .navbar-nav .dropdown-menu{position:relative; top:inherit;}
	.thumbox span{margin-top:-84px;}
	.thumbox{padding:25px;}
	.thumbox h5{margin:20px 0;}
	.btn:hover, .btn-outline:hover{background:#000; border-color:#000;}
	.btn:hover:after, .btn:focus-visible:after {transform-origin:0;scale: 0;}
	.footermenu{padding:20px; line-height:24px;}
	.footermenu span{padding:0 14px;}
	.footermenu a{padding:0;}
}

@media (max-width:767.98px){
	.banner img{max-width:300px; }
	.locationbox img{aspect-ratio:inherit;}
	.footer img{max-width:230px;}
	}

@media (max-width: 575.98px) {
	.navbar-toggler i{padding:4px 10px;}
    .spacer {height:70px;}
	.logo img, .shrink .logo img {max-width:140px;}
	.navbar-collapse{top:62px;}
	body{font-size:13px; line-height:16px;}
	.btn{font-size:14px; padding:10px 16px!important;}
	.btn-lg{font-size: 12px; padding:8px 16px!important;}
	.thumbox h5{margin:20px 0; font-size:14px;}
	.btn{padding:10px;}
	.banner{line-height:24px; height:450px;}
	.thumbox span {margin-top: -60px; width:70px; height:70px;}
	.thumbox img{width:50px;}
	.locationbox{height:260px;}
	.innerbanner{aspect-ratio:2/1; background-position: 0; background-size: cover; display: flex; align-items: center;}
	h5{font-size:14px;}
	.contactbg{right:0; max-width:130px;}
	.textgap{padding-bottom:40px;}
}

@media (max-width: 376.98px) {textarea.form-control{height:100px!important;}}







[data-toggle="collapse"].collapsed .if-not-collapsed,
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {display: none;}