body{font-family: "Urbanist", sans-serif; font-size:16px; color:#000; line-height:24px; font-weight:400; overflow-x:hidden;}
html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}
body, html{scroll-behavior: smooth;}


:root {
  --color-blue: 74 160 187; /* #4aa0bb in decimal RGB*/
  --color-dark: 2 26 34; /* #021a22 in decimal RGB*/
  --color-darkblue: 15 60 74; /* #0f3c4a in decimal RGB*/
 --color-lightblue: 231 245 249; /* #e7f5f9 in decimal RGB*/
  --color-white: 255 255 255; /* #ffffff in decimal RGB*/
 --color-grey: 229 229 229; /* #e5e5e5 in decimal RGB*/
 --color-lightgrey: 237 237 237; /* #ededed in decimal RGB*/
}
.text-info{color:rgb(var(--color-blue))!important;}
.bg-light{background:rgb(var(--color-grey))!important;}
.bg-lightgrey{background:rgb(var(--color-lightgrey))!important;}
.bg-lightblue{background:rgb(var(--color-lightblue))!important; position:relative; z-index:9;}
.img-height{width:100%; object-fit: cover; aspect-ratio:2/1;}



a{text-decoration:none;}
a, .btn, .shrink .navbar-brand, .navbar, input[type="radio"]:hover:not(:checked) + label{-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, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-bottom: 3vw; color:#0a2e39;
}
h1, .h1 {
  font-size: clamp(24px, 4vw, 70px);
}
h2, .h2 {
  font-size: clamp(24px, 4vw, 48px); font-weight:800;
}
h3, .h3 {
  font-size: clamp(24px, 4vw, 36px); font-weight:800;
}
h4, .h4 {
  font-size: clamp(24px, 4vw, 30px);
}
h5, .h5 {
  font-size: clamp(14px, 3vw, 24px);
}
h6, .h6 {
  font-size: 18px; font-weight:500;
}









/*---------------Header Start -----------------*/

.navbar{position:fixed; width:100%; z-index:9; top:0; border-bottom:1px solid #456b78; background:rgb(var(--color-dark));}
.navbar .btn-link{padding-right:0; font-size: 18px; color:rgb(var(--color-white));}
.navbar .btn-link i{background:rgb(var(--color-blue)); border-radius:100%; font-size:20px; width: 35px;height: 35px;display: inline-flex;justify-content: center;align-items: center;}
.navbar .btn-link:hover i{color:rgb(var(--color-white));}
.shrink.navbar{background:rgb(var(--color-dark));}
.navbar-brand{max-width:clamp(80px, 14vw, 120px); margin-bottom:-80px;}
.shrink .navbar-brand{max-width:clamp(80px, 4vw, 100px); margin-bottom:-60px;}

/*---------------Header End -----------------*/


/*---------------Button Start -----------------*/

.btn{padding: 12px 30px; font-size: 14px; font-weight:400; color: rgb(var(--color-white)); border:0; text-decoration:none; border-radius:0; text-transform:uppercase;}
.btn i{font-size:25px; vertical-align: middle; margin-right:5px;}
.btn:hover{color:#fff; background:#000;}
.btn-lg{padding:14px 45px;}
.btn-sm{padding:8px 15px; font-size:14px!important;}
.btn-info{background-color:rgb(var(--color-blue)); border-color:rgb(var(--color-blue));}
.btn-dark{background-color:rgb(var(--color-dark)); border-color:rgb(var(--color-dark));}
.btn-link:hover{background:none; color:rgb(var(--color-blue));}
.btn-light{background-color:rgb(var(--color-lightgrey)); color:rgb(var(--color-dark));}
.btn img{height:25px; margin-left:5px;}


/*---------------Button End -----------------*/



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


.navbar-brand:focus, .navbar-brand:hover{box-shadow:none!important;}
.nav-item a {color: rgb(var(--color-white));}
.nav-item a:hover, .nav-link.active, .nav-link:focus, .nav-link:hover {color: rgb(var(--color-blue));}
.navbar-toggler{border:none; padding:0;}
.hamburger .line{width: 20px;height: 1px;background-color:rgb(var(--color-white));display: block;margin: 8px auto;-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hamburger:hover{cursor: pointer;}
.hamburger.is-active .line:nth-child(2){opacity: 0;}
.hamburger.is-active .line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}
.hamburger.is-active .line:nth-child(3){
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

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




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

.banner{position:relative; background:url("images/mountain.jpg") no-repeat top; width:100%; background-size:cover; overflow:hidden;}
.banner:before{position: absolute; content:''; inset:0; background:rgb(var(--color-darkblue)); opacity:.8; width:100%; height:100%;}
.banner:after{ position: absolute;content: '';background: url("images/bluecirclefan.png")right bottom no-repeat;background-size: contain; inset: 8vw 0 0 0;}
.banner .h1{font-size: clamp(24px, 6vw, 110px); text-transform: uppercase; color:rgb(var(--color-white)); font-weight:700;}
.bluecircle{position: absolute; bottom:0; right:-80px;}

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





.InputGroup {display: flex;height: 80px;width: 400px;}
input[type="radio"] {visibility: hidden; height: 0;width: 0;}
label {display: flex;vertical-align: middle;align-items: center;cursor: pointer;background:transparent;border-color:rgb(var(--color-darkblue));border:1px solid;padding: 5px 10px;
border-radius: 6px;transition: color --transition-fast ease-out,background-color --transition-fast ease-in;user-select: none;margin-right: 8px;height:40px;}
label:last-of-type {margin-right: 0;}
input[type="radio"]:checked + label {background:rgb(var(--color-darkblue));color:rgb(var(--color-white));border-color: rgb(var(--color-darkblue));}
input[type="radio"]:hover:not(:checked) + label {background:rgb(var(--color-darkblue));color:rgb(var(--color-white));}


#paypal-form-fields-container-72HVFZU4WDC4C .input-label{padding:0!important; border:0!important; cursor:inherit!important; height:auto!important;}



.iconbox{border-radius:20px; background:rgb(var(--color-white)); padding:clamp(14px, 4vw, 60px); text-align:center;}
.iconbox h6{text-transform:uppercase; font-weight:700; margin-bottom:0; font-size: clamp(14px, 3vw, 18px)}
.iconbox img{max-width:clamp(40px, 3vw, 70px)}


/*-------------- Bordercircle Start -----------------*/



.leftcircle img{position: absolute; top:-90px; z-index:1;}
.rightbtmcircle{position:relative;}
.rightbtmcircle:after{position: absolute; content:''; background: url("images/bluecircle.png") no-repeat; background-size: contain; width:500px; height:500px; bottom:0; right:0;}

/*-------------- Bordercircle End -----------------*/


.imagegap {
    padding: 120px 80px;
}

/*------------- paypal Start ------------*/

.paypal-button.paypal-button-shape-rect{width:140px!important; border-radius:0;}
.paypal-button-row{height:45px!important; min-height:45px!important; max-height:45px!important;}

/*------------- paypal End ------------*/


/*-------------- midbanner start ----------*/

.midbanner{position:relative; background:url("images/midbanner.jpg") top right no-repeat; width:100%; height:100%; background-size:cover;}

/*-------------- midbanner end ----------*/



/*-------------- list1 start ----------*/

.list{margin:0; list-style:none; padding:0;}
.list li {margin-bottom:20px; display: flex; gap:10px;}
.listtool img{max-width:60px; background:rgb(var(--color-blue)); padding:12px; border-radius:10px;}
.listtool{column-count:2; line-height:normal;}
.listtool li{align-items:center; font-weight:700;}

/*-------------- list1 end ----------*/

/*------------- Product Start ---------*/

.productbox{position: sticky; top:100px;}


/*------------- Product End -----------*/

/*-------------- testimonial start --------*/


.slider-for .slick-slide img{border-radius:20px; aspect-ratio:1.6/1; object-fit: cover; width:100%;}
.slider-for .slick-arrow{position: absolute; top: 50%; transform: translate(0, -50%); font-size:24px; border:0;background:none; cursor: pointer; padding:0; border-radius:0; z-index:9;}
.slider-for .bi.bi-caret-right-fill, .slider-for .bi.bi-caret-left-fill{align-items: center; display: flex; justify-content:center; color:rgb(var(--color-dark));background: rgb(var(--color-white));border-radius: 100%;padding: 10px; border: 1px solid #343a54;}
.slider-for .bi.bi-caret-right-fill{right:30px;}
.slider-for .bi.bi-caret-left-fill{left:30px;}
.slider-thumb .slick-slide.slick-current img {opacity:1;}
.slider-thumb .slick-track{display: flex; gap:15px; margin-top:14px; cursor: pointer; }
.slider-thumb img{ opacity:.4; aspect-ratio:1.3/1; object-fit: cover; width:100%;}
.slider-thumb .slick-slide{margin:0;background:rgb(var(--color-dark)); overflow: hidden; border-radius:5px;}


/*-------------- testimonial end ----------*/


/*------------- Table Start -----------*/
.table{--bs-table-bg:none;}
.table-borderless>:not(caption)>*>*{padding:0;}

/*------------- Table End ----------*/

.productbanner{position:relative;overflow: hidden; border-radius:20px;background: linear-gradient(124deg, rgb(5 104 135) 0%, rgb(81 63 149 / 97%) 100%);}
.productbanner img{opacity:.2;}
.productcaption{position: absolute; bottom:40px; left:40px;}
.fancaption{opacity:1!important; position: absolute; right:0; bottom:0; max-width:400px;}



/*----------- Contactform Start -------------*/

.form-control {line-height: 40px;margin-bottom: 20px;}
.error {color: red;margin-top:10px;}
.newsletter .error{position:absolute; left:0; bottom:-30px;}

/*----------- Contactform End -------------*/



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



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


.footer{position:relative; background:url("images/mountain.jpg") no-repeat top; width:100%; background-size:cover; overflow:hidden;}
.footer:before{position: absolute; content:''; inset:0; background:#061a20; opacity:.9; width:100%; height:100%;}
.footer img{max-width:clamp(70px, 14vw, 120px);}
.footer h6{color:rgb(var(--color-white)); margin-bottom:10px; font-weight:800; font-size:16px;}
.f-menu{margin:0; padding:0; line-height:34px;}
.f-menu a{font-size:14px!important; display: block;}
.f-line{color:#2995b9; opacity:1; width:30px;}
.footer a{color:rgb(var(--color-white))!important; margin:0; font-size:14px;}
.footer a:hover{color:rgb(var(--color-blue)) !important;}
.footerlast, .footerlast a{font-size:14px; font-weight:400;}
.social a {transition: 0.2s;font-size: 30px!important;margin: 0 10px 0 0!important;}



.newsletter .form-control {
    padding: 12px 50px 12px 12px;border-radius:0;
    margin-bottom: 0;
    line-height: inherit;
	background:none;
	color:rgb(var(--color-white));
	font-size:14px;
}
.newsletter .btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
}
.newsletter .btn:hover{
    background:none;
}

.newsletter ::placeholder {
  color:rgb(var(--color-white));
  opacity: 1; /* Firefox */
}

.newsletter ::-ms-input-placeholder { /* Edge 12-18 */
  color:rgb(var(--color-white));
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #434346;
  -webkit-text-fill-color: #F1F1F1;
  -webkit-box-shadow: 0 0 0px 1000px #1B1B1C inset;
  transition: background-color 5000s ease-in-out 0s;
}

.form-control:focus{box-shadow:none;}

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















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


@media (min-width:1400px){}
@media (max-width:1199.98px){}
@media (min-width:991px) {}
@media (max-width:991.98px){.navbar-brand, .shrink .navbar-brand {max-width: 60px;margin-bottom: 0;}
	.navbar .btn-link i{background:none;}
	.navbar{position:sticky; background:rgb(var(--color-dark))!important;}
	.navbar-nav{line-height:30px;}
	.nav-item:last-child{border-bottom:0;}
	.nav-link{color:rgb(var(--color-white))!important; padding:0;}
	.nav-link::before{display:none;}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #ffcc00;}
	.navbar-toggler:focus{box-shadow:none;}.navbar-expand-lg .navbar-nav .nav-link{margin: 0;}
	.navbar-collapse .nav{display:block; line-height:44px; padding:20px 30px;}
	.navbar-expand-lg .navbar-nav .dropdown-menu{position:relative; top:inherit;}
	.navbar-collapse {background-color: rgb(var(--color-blue));border-radius: 0 0 20px 20px;position: absolute;top: calc(100% + 8px);right: 15px;left: 15px;}

}

@media (max-width:767.98px){
	.imagegap {padding: 80px 20px;}
	.listtool{column-count:2;}	
}

@media (max-width: 575.98px) {
	.banner h1{ font-size: 18px!important;}
	body{font-size:13px;}
	.banner .btn{font-size:8px;}
	.btn{font-size:14px; padding:8px;}
	.btn-lg{font-size:12px; padding:8px 10px;}
	.f-menu a {font-size:13px !important;display: inline-block; margin: 0 8px 0 0;}
	.btn img{height:18px;}
	.leftcircle img{top:-20px;}
}

@media (max-width: 376.98px) {textarea.form-control{height:100px!important;} .listtool {column-count:1;} .navbar-brand, .shrink .navbar-brand{max-width:60px;}

}