*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
body{
	font-family: 'Jost', sans-serif;
	font-size:16px;
	color:#333;
}
ul{
	padding: 0;
	margin: 0;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
p {
    line-height: 1.6;
    font-size: 16px;
}
h3 {
    font-size: 16px;
    font-weight: 500;
}
img{max-width: 100%}
:root {
	--heading:rgba(0 10 45);
	--para:#777;
	--para-tint:#e4e4e4;
	--white:#fff;
	--black:#212529;
	--helper:#002366;
	--helper-tint:#fff7e2;
	--bg:rgb(249 249 255);
	--overlay:#3e64ff;
	--icon-bg:rgba(144, 172, 209, 0.2);
	--gradient:linear-gradient(0deg, rgb(132 144 255) 0%, rgb(98 189 252) 100%);
	--gradientSupport: -webkit-linear-gradient(0deg, rgb(132 144 155) 0%, rgb(98 189 252) 100%);
	--shadow: 0px 0px 20px 0px rgb(132 144 255 / 20%);
	--shadowSupport:0 20px 20px 0 rgb(132 144 255 / 30%);
	--shadowBoxSupport:0 10px 20px 0 rgb(132 144 255 / 30%);
}
.clr{clear:both}
/*====================
	Reusable
====================*/

.wrapper{
	max-width:1200px;
	margin: 0 auto;
	position: relative;
}
.wrapper:after{
	content:'';
	display:block;
	clear:both;
}
.section-padding{
	padding:100px 0 100px;
}

.section {
    padding: 100px 0;
}
.section-poefolio {
/*    background: var(--bg);*/
    transition: all 0.7s linear;
}
.grid-two-column {
    grid-template-columns: repeat(2, 1fr);
}
.grid-three-column {
    grid-template-columns: repeat(3, 1fr);
}
.grid-four-column {
    grid-template-columns: repeat(3, 1fr);
}
.grid {
    display: grid;
    grid-gap: 50px;
}
.common-heading {
    font-size: 35px;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}

.para{
	max-width: 600px;
}

/*====================
	header
====================*/
header.sticky{
	background: #011438;
}
.btn-close{
	position: absolute;
    top: 15px;
    right: 15px;
    height: 33px;
    width: 28px;
    cursor: pointer;
    display: none;
	/*border:1px solid #666;*/
}
.cross{
	position: relative;
	
}
.cross::before{
	content: '';
	position: absolute;
	top:15px;
	left:0;
	height: 3px;
	width: 100%;
	transform:rotate(45deg);
	background: #fff;
	border-radius: 15px;
}
.cross::after{
	content: '';
	position: absolute;
	top:15px;
	left:0;
	height: 3px;
	width: 100%;
	transform:rotate(-45deg);
	background: #fff;
	border-radius: 15px;
}
.manue-bar span.material-symbols-outlined{
    color: #fff;
    font-size: 47px;
}
.manue-bar{
	position: absolute;
	top:15px;
	right:40px;
	height:50px;
	width:40px;
	display: none;
	cursor: pointer;
}
.manue-line{
	height: 5px;
	width: 100%;
	background: #ccc;
	margin-top: 50%;
	border-radius: 10px;
	position: relative;
}
.manue-line::before{
	content:'';
	position: absolute;
	top:-13px;
	left:0;
	height:5px;
	width:100%;
	border-radius: 10px;
	background: #ccc;
}
.manue-line::after{
	content:'';
	position: absolute;
	bottom:-13px;
	left:0;
	height:5px;
	width:100%;
	border-radius: 10px;
	background: #ccc;
}
header{
	background: #002366;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 99;
	padding: 10px 0;
}

.header-container{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
}
.logo img{
	width: 205px;
}
.logo{
	display: flex;
    flex: auto;
    justify-content: flex-start;
}
.phone{line-height: 45px;padding: 0 15px; background: #fff;border-radius:6px;}
.phone:hover{background: #ff9909}
.phone a{color:#333}
.phone:hover a{color:#fff}
.email a{color:#fff}
nav{
	display: flex;
    flex: auto;
}
.nav-bar ul{
	display: flex;
}
.nav-bar ul li a{
    padding: 0 15px;
	text-transform: uppercase;
	font-size:14px;
	color: #fff;
	line-height: 80px;
    display: block;  
}
.nav-bar ul li a:hover{
	background: #ff9909;  
}
.nav-bar ul li.main-manue{
	position: relative;
} 
.nav-bar ul li.main-manue .sub-manue-container ul{
	display: block;
}
.nav-bar ul li.main-manue .sub-manue-container{
	position: absolute;
    top: 49px;
	left: 0;
	width: 195px;
	background: #e0dede;
	padding:  15px 0 0 15px;
/*	opacity:0;
*//*	visibility: hidden;
	transform: scale(1 ,0);
	transform-origin: 0 0;*/
/*	margin: 0;*/
	transition: 0.3s ease-in-out;
	z-index: 1;
}
/*.nav-bar ul li.main-manue:hover .sub-manue-container{
	opacity:1;
	visibility: visible;
	transform: scale(1 ,1);	
}*/
.nav-bar ul li.main-manue .sub-manue-container ul li a{
	padding:0 0 0 0;
	background: none; 
	color: #2e3030;
	transition: 0.3s linear;
	font-weight: 500;  
}
.nav-bar ul li.main-manue .sub-manue-container ul li a:hover{
	color: #ff9909;	
}

.nav-bar ul li.main-manue .sub-manue-container ul li{
	margin-bottom:10px;
}

.sub-manue-container{
	display: none;
}

/*====================
	Hero Section
====================*/
.section-hero{
    padding: 100px 0 100px 0;
    position: relative;
}
.background-img{
/*	background: url(../img/hero-banner.jpg) no-repeat center center;*/
	background:#002366;
/*	background-size: cover;*/
	height: 550px;
}
.content-container{
	text-align: center;
    padding-top: 82px;
}
.content-container h4{
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	margin-bottom: 25px; 

}
.content-container h1{
	color: #fff; 
	font-size: 60px;
	padding: 15px 80px; 
	letter-spacing: 10px;
}
.connect-heading{
	padding:20px 10px 20px 10px;
	border: 3px solid;
    border-color: rgba(255, 255, 255, 0.5);
	max-width: 500px;	
	margin: 0 auto;
	text-align: center;
}
.content-container p{
	color: #fff;
	font-size: 24px;
    margin-top: 30px;
}
.connect-link{
    margin-top: 50px;
}
.connect-link a{
	display: inline-block;
	margin-right: 10px;
	font-weight: 500;
	transition: 0.3s ease-in-out;
}
.learn-more{
	padding: 10px 20px;
	background:#1e1e1e;
	color: #fff; 
	letter-spacing: 5px;
}
.learn-more:hover{
	background: #5b878a;
}
.connect{
	padding: 10px 20px;
	background:#fff;
	color: #000;
	letter-spacing: 5px;
}
.connect:hover{
	background: #5b878a;
	color: #fff;	
}


/*=================
	Work Section
======================*/

.section-poefolio p {
    max-width: 600px;
    font-style: normal;
}
.p-btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 32px;
    margin: 37px 0 64px;
}
.btn {
    display: inline-block;
    background: var(--gradientSupport);
    padding: 16px 25px;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--helper-tint);
    border: none;
    transition: all 0.3s ease;
}
.portfolio-images {
    gap: 32px;
}
.img-overlay {
    position: relative;
    overflow: hidden;
}
.portfolio-images img {
    width: 100%;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    display: block;
    height:320px;
}
.img-overlay .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--gradientSupport);
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(100%);
    transition: all 0.3s linear;
}
.img-overlay:hover .overlay {
    transform: translateY(0);
    opacity: 0.8;
    cursor: pointer;
}
.img-overlay .common-heading {
    color: var(--white);
    text-decoration: none;
    margin: 0;
}

/*========================
	Services Section
=========================*/
.section-services p {
    max-width: 600px;
    font-style: normal;
}
.service-box {
    text-align: center;
    box-shadow: var(--shadow);
    border-radius: 5px;
    padding: 50px 15px;
    transition: all 0.2s linear;
}
.service-box:hover, .service-box:active {
    transform: translateY(-20px);
}
.service-box h3 {
    text-transform: capitalize;
    margin: 30px 0 10px;
}

.service-icon{
	font-size: 40px;
} 

.section-services .grid {
    margin-top: 100px;
    row-gap: 100px;
}

/*========================
	Slider Section
======================*/
.slider {
    margin-top: 30px;
}
.item{
	padding: 0 20px;
	min-height: 250px;
}
.client-msg {
    padding: 45px 53px;
    background: var(--white);
    border-radius: 10px;
    box-shadow: var(--shadow);
    text-align: left;
    position: relative;
}
.client-msg::before {
    content: '';
    position: absolute;
    bottom: -74px;
    left: 50%;
    border: 37px solid var(--helper-tint);
    border-color: transparent;
    border-bottom-color: var(--helper-tint);
    transform: rotate(180deg);
    z-index: -1;
    margin-left:-37px;
}

.client-msg p {
    font-size: 18px;
    max-width: 450px;
}
.comma-icon {
    position: relative;
}
.comma-icon::before {
    content: '\f10d';
    position: absolute;
    top: -47px;
    left: -42px;
    height: 50px;
    width: 50px;
    color: var(--helper-tint);
    font-size: 37px;
    font-family: 'FontAwesome';
}
.comma-icon::after {
    content: '\f10e';
    position: absolute;
    bottom: -40px;
    right: -51px;
    height: 50px;
    width: 50px;
    color: var(--helper-tint);
    font-size: 37px;
    font-family: 'FontAwesome';
}

.Swiper-client-data {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 25px;
}
.Swiper-client-data figure{
	display: none;
}
.client-data-details{
	padding-top:15px;
	text-align: center;
}
.slick-dots{
	text-align: center;
}
.slick-dots li{
	display: inline-block;
	margin: 50px 3px 0;
}
.slick-dots li button{
	border: none;
    border-radius: 50%;
    position: relative;
    width: 8px;
    height: 8px;
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    background: rgb(0 0 0 / 0.2);
}

.slick-dots li button::before{
	content:'';
	position: absolute;
	top:0;
	right:0;
	height: 100%;
	width: 100%; 
}

.slick-dots li button:hover::before{
	/*background: rgb(5 5 247 / 0.8);*/
	background: var(--gradient);
}
.item img {
    max-width: 80px;
    border-radius: 50%;
    border: 3px solid var(--helper-tint);
}

/*====================
	Contact Section
======================*/

.section-contact-main form {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.section-contact-main {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0 15px;
}
.section-contact-main input, .section-contact-main textarea:focus {
    outline: none;
}

.section-contact-main input, .section-contact-main textarea {
    padding: 15px 8px;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    font-family: 'Jost', sans-serif;
    width: 100%;
    font-size: 16px;
}
.section-contact-main input[type="submit"] {
    max-width: 30%;
    border: none;
}
.btn:hover, .btn:active {
    box-shadow: var(--shadowBoxSupport);
}
.btn {
    display: inline-block;
    background: #002366;
    padding: 16px 25px;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--helper-tint);
    border: none;
    transition: all 0.3s ease;
	border-radius: 5px;
	cursor: pointer;
}
.btn.p-btn{
    background: #f5f5f5;
    color: #000000;
    border-radius:4px;
}
.btn.p-btn:hover{
	background:#3554d1;
	color:#fff;
	cursor: pointer;
}
.btn.p-btn.active{
	background: #3554d1;
	color:#fff;
	cursor: pointer;
}

/*====================
	Footer Section
======================*/

.section-footer {
    background: #002366;
    transition: all 0.7s linear;
}
.section-footer h3 {
    color: var(--white);
    margin-bottom: 30px;
    font-size: 18px;
}
.f-about p {
    color: #adadad;
}

.f-link ul, .f-services ul {
    font-size: 16px;
}

.f-link ul, .f-services ul, .f-address address {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.f-address address{
	color: #fff;
}
.f-address address strong{
	font-style: normal;
	font-weight:700;
}
.f-address address a{
	font-weight:700;
	font-size: 18px;
}

.section-footer a {
    cursor: pointer;
}

.f-link li, .f-link a, .f-services li, .f-services a {
    color: #adadad;
    text-transform: capitalize;
}
.f-address a, p {
    font-style: normal;
}
.section-footer a:hover, .section-footer a:active {
    color: var(--white);
    transition: 0.3s linear;
}

.f-social ul {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px;
    font-size: 30px;
    color: #adadad;
}

.f-social a i {
    color: var(--white);
    
    padding: 14px 18px;
    animation: water-wave 3s linear infinite;
    border-radius: 50%;
    height:65px;
    width: 65px;
    text-align: center;
    line-height: 40px;
    transition: 0.3s linear;
}

.f-social a i:hover{
	background: var(--icon-bg);
}
.f-credits p {
    color: #adadad;
    text-align: center;
}
.iten-cont{
	padding-top:15px;
}
.iten-cont .title{
/*	color:#ff9909;*/
	color:#002366;
	font-size:20px;
	padding-bottom:10px;
	font-weight:700;
}
.iten-cont ul li{
/*	padding-top:10px;*/
	padding-bottom:10px;
/*	border-bottom:1px solid #ccc;*/
}
.iten-cont ul li:last-child{
	border-bottom:0;
}
.section-contact-main input[type="submit"]{
	background: #002366;
}
.section-footer a{
	color:#fff;
}

.enqBtn{
	background: #ff9909;
    line-height: 45px;
    padding: 0 25px;
    color: #fff;
    display: block;
    position: fixed;
    top: 50%;
    right: -53px;
    width: 150px;
    z-index: 110;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    border-radius: 4px 4px 0 0;
}
.overlay{
	width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 160;
	background: rgb(0 0 0 / 40%);
	padding: 80px;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	display:none;
}
.formBox{
	max-width: 500px;
	background: #fff;
	padding: 50px;
	margin: auto;
	position: relative;
	border-radius: 5px;
}
.formBox form {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.formBox input, .formBox textarea {
    padding: 15px 8px;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    font-family: 'Jost', sans-serif;
    width: 100%;
    font-size:16px;
}
.formBox input[type="submit"]{
	background: #002366;
	cursor: pointer;
}
.closBtn{
	font-size: 35px;
    position: absolute;
    top: 15px;
    right: 23px;
    cursor: pointer;
}
.st-title{
	font-size: 22px;
	font-weight: 700;
    padding-bottom: 15px;
}
.section-hero:after{clear: both;display: block;content: '';}
.section-hero .caption{
	float: left;
	width:34%;
	padding-top: 120px;
}
.section-hero .caption h1{
	color:#fff;
	font-size:40px;
	padding-bottom: 20px;
}
.section-hero .caption p{color:#fff}
.section-hero .caption h1 span{
	display: block;
	color: #ff9909;
}
.section-hero .bannerSection{float: right;width: 63%; margin-right: -20px;}
.col1{float: left;padding: 10px}
.leftTitle{float: left;width:30%}
.pButtons{float: right;width:70%}
.section-poefolio{padding-top:110px;}
.linkBtn{display:inline-block;padding:0 15px;line-height: 40px;color:#333;border-radius:4px;vertical-align: top;background: #f5f5f5;margin-top:10px}
.linkBtn:hover{background:#002366;color:#fff}
.tabsCont{display: none}
.page-contact{padding-top:120px}
.section-about h2.common-heading{color:#fff}
.section-about p{padding-bottom:25px;color:#fff;font-size:18px}
.section-about p:last-child{padding-bottom:0}
.section-about {background: #002366}
.bg-green-1{background:#ebfcea;padding: 50px 0}
.leftBox{float: left;width:50%}
.rtBox{float: right;text-align: right}
.rtBox a{display: inline-block;vertical-align:top;padding:0 25px;line-height:45px;border:1px solid #002366;border-radius:4px;color:#002366;font-weight:700}
.rtBox a:last-child{background: #ff9909;color:#fff;border-color:#ff9909;margin-left:20px}

.span-col-1{width:47%; float: left;}
.span-col-img {float:right; width:47%;}
.span-col-img img{
	border-radius:4px;
	object-fit: cover;
    height: 550px;
    width: 100%;
}
.span-row{
	display: flex;
	flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    padding-top:10px;
}
.span-col-2 .st-title{font-weight:700;font-size: 20px;padding-bottom:15px;}
.span-col-2 p a{color:#333}
.span-col-2 p {font-size: 16px;}
.sclicons{display: inline-block;width:40px;height:40px;border:1px solid #000;text-align: center;line-height:40px;border-radius:50px;font-size: 18px;color:#000;margin-right:10px;}
.sclicons:hover{
	background:#000;
	color:#fff;
}
.sclicons:last-child{margin-right:0}
.leftBox h2{margin-bottom: 10px;}
.copy{font-size: 14px;text-align: center;color:#fff;padding-top: 30px}

.location-map iframe{
	border:0;
	width:100%;
	height:300px;
}
.deatil-banner-sec{padding:30px 0}
.section-detailpage{
	padding-top:110px;
}
.detail-section{
	display: flex;
    flex-wrap: wrap;
}
.detail-section .col-1{max-width:65%;padding-right:30px}
.detail-section .col-1 p{padding-bottom:25px}
.detail-section .col-1 h3{font-size:20px;padding-bottom: 15px}
.deatil-banner-sec .row{
	display:flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}
.sp-col-1, .box1{
	padding: 0 5px 5px;
	max-width: 50%;
}
.sp-col-1 img, .box1 img{
	border-radius:5px;
}
.firstImg{
	object-fit: cover;
    height: 498px;
}
.section-detailpage h1{padding-bottom:10px}
.section-detailpage p.subtxt a{color: blue;display: inline-block;margin-left:30px}
.detail-section .col-2{max-width:35%;padding-left:30px;}

.enqform{padding-bottom:30px}
.form-box1{
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.form-box1 input, .form-box1 textarea {
    padding: 12px 10px;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    font-family: 'Jost', sans-serif;
    width: 100%;
    font-size:16px;
}
.form-box1 input[type="submit"]{
	background: #002366;
	cursor: pointer;
}
.st-title1{
	font-size: 20px;
	padding-bottom:15px;
}

.slider2{padding-top:30px;}
.left-img-panel{float:left;max-width:45%}
.content-right{float:right;max-width:55%;padding-left:30px}
.content-right p{margin-bottom:20px;}
.content-right h3{font-size:20px;padding-bottom:15px;}
.left-img-panel img{object-filt: cover;height:300px;width:600px;display:block;}
.know-more{text-align: center;padding-top: 40px}
.linkBtn1{display:inline-block;padding:0 35px;line-height: 45px;color:#fff;border-radius:4px;vertical-align: top;background: #002366;margin-top:10px}
.linkBtn1:hover{background:#ff9909;color:#fff}

.bodyOverflow{overflow: hidden;}
.sp-row{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	box-sizing: border-box;
	margin-bottom:45px;
}
.flex-col-1{
	width:100%;
}
.section-services .flex-col-1 p{max-width:100%}
.flex-display{
	display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    column-gap:15px;
}
.flex-cols-multi{
	max-width:24%;
	padding:20px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	border-radius:10px;
}
.flex-cols-multi.bg-color-1{
	background: #ffeaba;
}
.flex-cols-multi.bg-color-2{
	background: #ffeaba;
}
.flex-cols-multi p.txt-bold{
	font-weight:700;
}
.know-more{
	display: none;
}
.section-testimonials{
	background: #ffeaba;
}

.clients .item{
	width:auto;
	min-height: inherit;
	padding:0;
	border: 1px solid #d2d2d2;
	margin:0 8px;
	height:150px;
	position: relative;
}
.clients .item img{
	width:100%;
	border-radius: 0;
	border:0;
	max-width:100%;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
}
.chanel-partner{
	background: #f5f5f5;
}
.mb-0{
	margin-bottom: 0;
}
.img-icon img{
	height:80px;
}

.flex-row{
	display: flex;
	flex-flow: row wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	padding-bottom: 30px;
	margin-bottom:30px;
	border-bottom:1px solid #c9c9c9;
}
.flex-row span{
	display: block;
	padding-top: 10px;
}
.flex-row i{
	font-size: 35px;
	color: #3554d1;
}
.content-1{
	border-bottom:1px solid #c9c9c9;
}
.facility-box{
	padding-top:35px;
	border-bottom:1px solid #c9c9c9;
	margin-bottom: 35px;
}
.flex-row1{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 30px;
	box-sizing: border-box;
}
.flex-row1 .item1{
	width:50%;
	line-height: 36px;
}
.flex-row1 .item1 i{
	width:30px;
}
.price{
	font-weight: 700;
	position: absolute;
	top:25px;
	right:0;
	font-size: 27px;
	color:#ff9909;
}
.content-1 ul li{
	position: relative;
	padding-left: 25px;
	margin-bottom: 15px;
}
.content-1 ul li i{
	position: absolute;
	top: 3px;
	left: 0;
}
.error{
    color: red;
    font-size: 13px;
}