body{font-family: "Open Sans", sans-serif!important; font-size:14px; color:#000; line-height:28px; font-weight:400; overflow-x:hidden;}
body, html{scroll-behavior: smooth;}
html{scroll-padding-top: 180px;}

html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}

:root{
	--clr-dark:#000;
	--clr-white:#fff;
	--clr-blue:#1b80c3;
	--clr-brown:#6f6f6f;
	--clr-darkblue:#0e4e78;
	--clr-lightblue:#2e93d7;
	--clr-darkgrey:#1d1d1d;
}


a{color:var(--clr-darkblue); text-decoration:none;}

a, img, .fixted-top, .gridbox, .gridbox:hover .header{-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(24px, 4.2vw, 48px); font-weight:700;}
h2{font-size:clamp(20px, 3vw, 36px);}
h3{font-size:clamp(24px, 2vw, 30px);}
h4{font-size:clamp(16px, 2vw, 24px);}
h5{font-size:clamp(14px, 2vw, 18px);}
.mn-5{margin-top: -50px; margin-left:200px;}

.img-height{aspect-ratio:1/1; object-fit: cover; height:100%; width:100%;}
.servicebox img{aspect-ratio:1.5/1; object-fit: cover; height:100%; width:100%;}

.bg-primary{background-color:var(--clr-blue)!important;}
.bg-darkgrey{background-color:var(--clr-darkgrey)!important;}
.text-primary{color:var(--clr-blue)!important;}
.bg-primary-subtle{background:var(--clr-lightblue)!important;}


section, .section {padding-bottom: 6vw;padding-top: 6vw;}



.fixted-top{width:100%; position:sticky; top:0; z-index:999; background:var(--clr-white);-webkit-box-shadow: 1px 1px 2px 0px rgb(50 50 50 / 30%);
    -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 1px 1px 2px 0px rgb(50 50 50 / 30%);}
/*.fixted-top a{margin:0 10px;}*/



.logo img{max-width:158px; margin-bottom: -60px; margin-top: -40px;}
.shrink .logo img{max-width:120px; margin-bottom:-50px;}
.navbar>.container{justify-content: normal;}



/*--------------- Btn Start --------------------*/

.btn{padding:12px 20px; font-size: 14px; font-weight:700; color: var(--clr-white); text-decoration:none; border-radius:0; text-transform: uppercase;}
.btn:hover{color:#fff; background: var(--clr-darkblue); border-color: var(--clr-blue);}
.btn-link{color: var(--clr-blue); padding:0; border:0; font-weight:400;}
.btn-link:hover{color: var(--clr-lightblue); border:0; background: none;}
.btn-primary{background-color: var(--clr-blue); border-color: var(--clr-blue);}
.btn-primary:hover{color:#fff; background: var(--clr-dark); border-color: var(--clr-dark);}
.btn-lg{padding:15px 35px; font-size:16px;}
.btn-xl{padding:16px 45px; font-size:24px;}
.btn-sm{padding:8px 20px; font-size:14px!important;}
.btn i{font-size:30px; vertical-align:middle; color: var(--clr-blue);}

/*--------------- Menu Start --------------------*/

.nav-link {color:var(--clr-brown);display: block;margin: 0 0 0 10px; font-size:16px; text-transform: uppercase; font-weight:700;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover, .navbar-nav .nav-link.show {color: var(--clr-dark);}
.nav-link:focus, .nav-link:focus-visible{box-shadow: none;outline: none;}
.navbar-expand-lg .navbar-nav .dropdown-menu {position:absolute; top:40px; border:0; background:var(--clr-lightblue); border-radius:0 0 10px 10px; padding:0;}


/*--------------- Menu End --------------------*/



.thumbbox{background:#000; color:#fff; position:relative; line-height:normal;}
.callout__temp-title {
    color:var(--clr-white);
    font-size:30px;
    font-style: normal;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1;
    -webkit-transition: all 0.1s cubic-bezier(0.25,0.46,0.45,0.94);
    -o-transition: all 0.1s cubic-bezier(0.25,0.46,0.45,0.94);
    transition: all 0.1s cubic-bezier(0.25,0.46,0.45,0.94);
    max-width: 70%;
    width: 100%;
    line-height: 1.25;
}

.thumbbox:hover .callout__temp-title {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0);
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
    -o-transition: all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
    transition: all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
}




.thumbcaption {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    background: rgba(27,128,195,0.7);
    padding: 50px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 0.1s cubic-bezier(0.25,0.46,0.45,0.94);
    -o-transition: all 0.1s cubic-bezier(0.25,0.46,0.45,0.94);
    transition: all 0.1s cubic-bezier(0.25,0.46,0.45,0.94);
    z-index: 9;
}


.thumbbox:hover .thumbcaption{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.4s 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
    -o-transition: all 0.4s 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
    transition: all 0.4s 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
}
.callout__title {
    color: var(--clr-white);
    font-size:30px;
    font-style: normal;
    margin-bottom: 1.5rem;
}

.callout__link {
    color: var(--clr-white);
    font-weight: 600;
    position: relative;
    font-size: 0.9375rem;
}
.callout__link::after {
    content: '>';
    margin-left: 0.33rem;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}
.thumbbox:hover .btn{background:none; padding:0; border:0;}
.thumbbox:hover .btn i{font-size:20px; color: var(--clr-white);}

.squaregrid {padding-bottom: 100%; position: relative;}
.squaregrid img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity:.6;}






/*--------------- Banner Start --------------------*/

.banner{position:relative; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 93%);}
.banner img{aspect-ratio:2/1; object-fit: cover;}
.banner h1{font-size:clamp(28px, 4vw, 80px); font-weight:700;}
.innerbanner{background:url("images/innerbanner.jpg") no-repeat center center; color: var(--clr-white); position:relative;background-size:cover;}


.midbanner{color:var(--clr-white); clip-path: polygon(0 23%, 100% 0%, 100% 100%, 0% 100%); background: url("images/midbanner.jpg") no-repeat center; background-size: cover;}
.midbanner:before{position: absolute; content:''; width:100%; height:100%; inset:0; background:var(--clr-dark); opacity:.6;}
.midbanner img{height:50px; filter: invert(95%) sepia(0%) saturate(5129%) hue-rotate(134deg) brightness(110%) contrast(100%); margin-bottom:15px;}


.midsection .card{padding:40px; text-align:center; border:0; border-radius:0; border-top: 5px solid #1b80c3; box-shadow: var(--bs-box-shadow) !important;}
.midsection .card .card-title{font-weight:700;}
.midsection .card .card-body{padding:0;}




.fa-quote-right {font-size:clamp(20px, 8vw, 140px);position: absolute;right: 30px;top: 30px;opacity: .1;}

.testimonial img{object-fit: cover;width: 130px;height: 130px;border-radius: 100%;border: 2px solid #ccc;padding: 5px;}
.testimonial .slick-arrow{position: absolute; font-size:20px; background:none; cursor: pointer; top: 50%; transform: translate(0, -50%); padding:10px; border:3px solid #ccc; border-radius:50px;}
.testimonial .las.la-arrow-left{left:-130px;}
.testimonial .las.la-arrow-right{right:-130px;}
.testimonial span {font-size: 18px;display: block;font-weight: 700;}


.shapebox{position: relative; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 91%);}

/*#container1, #container2, #container3, #container4{width:650px;height:650px!important;}*/





/*--------------- Banner End --------------------*/

.lineshapebox{position: relative;}
.lineshapebox:before{position: absolute; content:''; inset:0;  width:100%; height:100%; background: url("images/pattern7.png"); opacity:.02;}

.homegallery .slick-slide{margin:0 20px;}
.homegallery .slick-arrow {position: absolute;font-size: 25px;background: none;cursor: pointer; padding:6px;border:3px solid #333;border-radius: 50px; bottom:-60px; right:70px;
font-weight:700;}
/*.las.la-angle-left{left:0;}*/
.las.la-arrow-right{right:20px;}
.gridbox{background:#1b80c3; overflow: hidden; position:relative; color: var(--clr-white); cursor:pointer;}
.gridbox .header{position: absolute;left: 0;right: 0;top: 50%;transform: translate(0, -50%);}
.gridbox figcaption{position:absolute; top:50%; transform:translate(0,-50%); left:0; right:0; opacity:0;}
.gridbox:hover figcaption{opacity:1;  animation: zoom-in-zoom-in 2s ease-in infinite;}
.gridbox:hover img{opacity:.2;}
.gridbox:hover .header{opacity:0; animation: zoom-out-zoom-out 1s ease-out infinite;}
.gridbox img{aspect-ratio:1/1; object-fit: cover;}
.gridbox a{color:var(--clr-white); font-weight:700;}


@keyframes zoom-out-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.8, 1.8);
  }
  100% {
    transform: scale(0, 0);
  }
}

@keyframes zoom-in-zoom-in {
  0% {
    transform: scale(0, 0);
  }
  50% {
    transform: scale(0.8, 0.8);
  }
  100% {
    transform: scale(0, 0);
  }
}


.twentytwenty-container img {transition:none;}



/*--------------- List Start --------------------*/

.list{position: relative; margin:0; padding:0;  line-height:24px;}
.list li{margin-bottom: 15px;display: flex;column-gap:10px;}
.list li:before{font-family: 'Line Awesome Free';display: flex;content: '\f00c';color:var(--clr-white);font-size: 14px;font-weight: 700;background:var(--clr-lightblue);height: 25px; width: 25px;padding: 8px;align-items: center;justify-content: center;border-radius: 100px;}


/*--------------- List End --------------------*/


/*--------------- Form Start --------------------*/

.form-control{font-size:14px;  margin-bottom:20px; line-height:40px; background:none; border:1px solid #444; border-radius:0; color:#000;}
textarea.form-control{height:120px!important;}

.form-control:focus{box-shadow:none; border-color:1px solid #ccc!important;}
.error{color:#e16d6d; display:block; margin-top:10px;}
.form-select:focus{box-shadow:none; border-color:1px solid #ccc!important;}
.form-control::placeholder {color: 000 !important;opacity: 1; color:#444; font-size:13px;}
label{font-size: 14px;line-height: normal; margin-bottom: 5px;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 50px #000a10   inset !important;
-webkit-text-fill-color: #fff !important;}
.form-floating>.form-control:not(:placeholder-shown)~label::after{background-color:#749bb5;}
.form-floating>.form-control:-webkit-autofill~label{color:var(--clr-white);}
.form-floating>label{color:var(--clr-dark);}

/*.text-success {--bs-text-opacity: 1;color: rgb(16 215 123) !important;}*/

/*--------------- Form End --------------------*/


/*--------------- Footer Start --------------------*/

.footer{font-size:14px; line-height:24px; position:relative; background:var(--clr-dark); color:#9e9e9e;}
.footer h5{font-size:16px; font-weight:700; margin-bottom:10px; color:var(--clr-white);}
.f-menu{margin:0; padding:0; list-style:none;}
.f-menu a{display: block; line-height:30px; color:#9e9e9e;}
.f-menu a:hover{color:#6485ff;}
.social a{font-size:30px; margin:0 10px 0 0;}
.social a:hover{color:var(--clr-white);}
.lastlink{color:var(--clr-white);}
.lastlink:hover{color:#6485ff;}

/*--------------- Footer End --------------------*/




.container{max-width:1230px; position:relative; z-index:9;}






@media (max-width:1199.98px){
	.logo img {max-width: 120px; margin-top: -20px; margin-bottom:-50px;}
	.banner:after{opacity:.1;}
	.nav-link{margin:0; font-size:16px;}
	.squaregrid .thumbbox{padding:20px;}
}





@media (max-width:991.98px){
/*	.logo img, .shrink .logo img {max-width:200px;}*/
	.navbar-nav{line-height:30px; }
	.nav-item{border-bottom: 1px dotted #fff; padding:0 20px; background-color:#75a8e6;}
	.nav-link{color:#fff;}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #195c76;}
	.navbar-toggler{border-radius:0; border:0; margin-left:5px; padding:0;}
	.navbar-toggler i{font-size:30px; color:var(--clr-dark);}
	.navbar-toggler:focus{box-shadow:none;}
/*	.navbar-toggler:focus{box-shadow:none;}.navbar-expand-lg .navbar-nav .nav-link{margin: 0;}*/
	.shrink .navbar-collapse{top:45px;}
	.navbar-expand-lg .navbar-nav .dropdown-menu{position:relative; top:inherit;}
	.banner:before{position: absolute; content:''; inset:0; width:100%; height:100%; background: rgb(255,255,255);
background: linear-gradient(117deg, rgba(255,255,255,1) 0%, rgba(22,32,91,0) 88%);}
	.banner .btn{font-size:14px; padding:12px 20px;}
	body{font-size:14px;}
	.mn-5 {margin-top: 0;margin-left: 0;}
	

}

@media (max-width:767.98px){
	.lead {font-size: 16px;line-height: 24px;}
	.testimonial .slick-arrow{display:none!important;}
	
}

@media (max-width: 575.98px) {
	.logo img, .shrink .logo img {max-width:80px;}
	body{font-size:13px; line-height:16px;}
	.banner h1{font-size:20px;}
	.banner .btn {font-size: 10px;padding: 12px 14px;}
	.banner img {aspect-ratio: 1 / 1;object-fit: cover;}
	.btn{padding:10px 12px; font-size:12px;}
	.btn-lg {padding: 10px 14px;font-size: 14px;}
	.midbanner img{height:40px;}
	.thumbcaption{opacity:1!important; padding:30px;}
	
}

@media (max-width: 376.98px) {
		
}