@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*font-family: 'Inter', sans-serif;*/

:root {
	--body-text: #011E41;
	--bgcolor1: #006CB5;
	--bgcolor02: #F05920;
	--blue-title-bg: #051939;
	--grey-small-text: #5D5D5D;
	--title: #006CB5;
	--greenbg: #95C12B;

	--bgcolor2: #000;
	--bgcolor3: #fff;
	--color-grey: #5D5D5D;
	--montserrat: "Montserrat", sans-serif;
	--inter: 'Inter', sans-serif;
	--fs55: 55px;
	--fs40: 40px;
	--fs45: 45px;
	--fs25: 25px;

	--lh65: 65px;
	--lh40: 40px;
	--lh35: 35px;

	--mb50: 50px;

	--bgcolor-hover: #a94724;
	--hover000: #000;

	--fctext: #BFBDBD;
	--box-shadow01: 0.0rem 0.3rem 0.7rem 0rem rgb(0 0 0 / 32%);
	--box-shadow02: 0.75rem 0.85rem 1.75rem 0 rgb(0 0 0 / 32%);
}


body {
	font-family: var(--montserrat);
	position: relative;
	padding-right: 0px !important;
	color: var(--body-text);
	font-size: 18px;
  overflow-x: hidden;
}

  /*  body {
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    body.loaded {
        opacity: 1;
		transition: opacity 0.4s ease, transform 0.4s ease;
    }*/


a {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}

a,
a:hover {
	text-decoration: none !important;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-decoration: none !important;
}

.hero {
	height: 100vh;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.bgcolor1 {
	background: var(--bgcolor1);
}

/* ----------  Start of Header Css ---------- */
.head-bg {
	background-color: #fff;
}

.top-header {
	padding: 0px 0;
}

.header-padding {
	padding: 0px 150px;
}

.top-menu {
	padding-top: 10px;
}

.top-bar {
	padding: 0;
	display: flex;
	align-items: center;
	background: #006CB5;
	display: none;
}

.top-bar a {
	color: #666666;
}

.site-navbar {
	margin-bottom: 0px;
	z-index: 1;
	position: relative;
	width: 100%;
	padding: 0px 150px;
}

.header-top-padding {
	padding: 10px 150px;
}


.sticky-wrapper.is-sticky .site-navbar .site-logo {
	top: 0px;
}


@media (max-width: 991.98px) {
	.site-navbar {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

.site-navbar .toggle-button {
	position: absolute;
	right: 0px;
}

.site-navbar .site-logo {
	position: relative;
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 0;
	margin: 0;
	padding: 20px 0;
	z-index: 3;
	display: flex;
}

@media (max-width: 991.98px) {
	.site-navbar .site-logo {
		float: left;
		position: relative;
	}
}

.site-navbar .site-navigation.border-bottom {
	border-bottom: 1px solid white !important;
}

.site-navbar .site-navigation .site-menu {
	margin-bottom: 0;
}

.site-navbar .site-navigation .site-menu .active {
	color: var(--bgcolor1) !important;
}

.site-navbar .site-navigation .site-menu a {
	text-decoration: none !important;
	display: inline-block;
}

.site-navbar .site-navigation .site-menu>li {
	display: inline-block;
}

.site-navbar .site-navigation .site-menu>li>a {
	margin-left: 10px;
	margin-right: 10px;
	padding: 15px 0px;
	color: #fff;
	display: inline-block;
	text-decoration: none !important;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 0.5px;
}

.site-navbar .site-navigation .site-menu>li>a:hover {
	color: #d7b56d;
}

.site-navbar .site-navigation .site-menu .has-children {
	position: relative;
}

.site-navbar .site-navigation .site-menu .has-children>a {
	position: relative;
	padding-right: 20px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
	visibility: hidden;
	opacity: 0;
	top: 100%;
	position: absolute;
	text-align: left;
	border-top: 3px solid #cc6f3c;
	-webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
	padding: 0px 0;
	margin-top: 20px;
	margin-left: 0px;
	background: #fff;
	-webkit-transition: 0.2s 0s;
	-o-transition: 0.2s 0s;
	transition: 0.2s 0s;
}


.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
	position: absolute;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
	display: none;
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
	text-transform: none;
	letter-spacing: normal;
	-webkit-transition: 0s all;
	-o-transition: 0s all;
	transition: 0s all;
	color: #000;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
	color: #007bff !important;
	background: #f8f9fa;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li {
	list-style: none;
	padding: 0;
	margin: 0;
	min-width: 200px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
	padding: 9px 20px;
	display: block;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {
	background: #d7a74a;
	color: #fff;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-decoration: none !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a:before {
	content: "\e315";
	right: 20px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown,
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul {
	left: 100%;
	top: 0;
}

.site-navbar .site-navigation .site-menu .has-children>a:before {
	position: absolute;
	content: "\e313";
	font-size: 16px;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'icomoon';
}

.site-navbar .site-navigation .site-menu .has-children:hover,
.site-navbar .site-navigation .site-menu .has-children:focus,
.site-navbar .site-navigation .site-menu .has-children:active {
	cursor: pointer;
}

.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown,
.site-navbar .site-navigation .site-menu .has-children:focus>.dropdown,
.site-navbar .site-navigation .site-menu .has-children:active>.dropdown {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	margin-top: 0px;
	visibility: visible;
	opacity: 1;
}

.site-mobile-menu {
	width: 300px;
	position: fixed;
	right: 0;
	z-index: 2000;
	padding-top: 0px;
	background: #fff;
	height: calc(100vh);
	-webkit-transform: translateX(110%);
	-ms-transform: translateX(110%);
	transform: translateX(110%);
	-webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
	box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.offcanvas-menu .site-mobile-menu {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.site-mobile-menu .site-mobile-menu-header {
	width: 100%;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
	float: right;
	margin-top: 8px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
	font-size: 30px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 0px;
	line-height: 1;
	cursor: pointer;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
	color: #ced4da;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
	float: left;
	margin-top: 10px;
	margin-left: 0px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
	display: inline-block;
	text-transform: uppercase;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
	max-width: 70px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
	text-decoration: none;
}

.site-mobile-menu .site-mobile-menu-body {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	position: relative;
	padding: 0 20px 20px 20px;
	height: calc(100vh - 52px);
	padding-bottom: 150px;
}

.site-mobile-menu .site-nav-wrap {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

.site-mobile-menu .site-nav-wrap a {
	padding: 10px 20px;
	display: block;
	position: relative;
	color: #212529;
}

.site-mobile-menu .site-nav-wrap a:hover {
	color: var(--bgcolor1);
}

.site-mobile-menu .site-nav-wrap li {
	position: relative;
	display: block;
}

.site-mobile-menu .site-nav-wrap li .nav-link.active {
	color: var(--bgcolor1);
}

.site-mobile-menu .site-nav-wrap .arrow-collapse {
	position: absolute;
	right: 0px;
	top: 10px;
	z-index: 20;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
	background-color: #008ccd;
	color: #fff;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
	background: #008ccd;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:hover>a,
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:active>a,
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:focus>a {
	background: var(--bgcolor1) !important;
	color: #fff !important;
}

.site-navbar .site-navigation .site-menu .has-children:hover>a,
.site-navbar .site-navigation .site-menu .has-children:focus>a,
.site-navbar .site-navigation .site-menu .has-children:active>a {
	color: #d7b56d !important;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
	font-size: 10px;
	z-index: 20;
	font-family: "icomoon";
	content: "\f078";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-180deg);
	-ms-transform: translate(-50%, -50%) rotate(-180deg);
	transform: translate(-50%, -50%) rotate(-180deg);
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.site-mobile-menu .site-nav-wrap>li {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	border-bottom: solid 1px #eee;
}

.site-mobile-menu .site-nav-wrap>li:last-child {
	border-bottom: none;
}

.site-mobile-menu .site-nav-wrap>li>a {
	padding-left: 20px;
	font-size: 20px;
}

.site-mobile-menu .site-nav-wrap>li>ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.site-mobile-menu .site-nav-wrap>li>ul>li {
	display: block;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>a {
	padding-left: 40px;
	font-size: 16px;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul {
	padding: 0;
	margin: 0;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li {
	display: block;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a {
	font-size: 16px;
	padding-left: 60px;
}

.site-mobile-menu .site-nav-wrap[data-class="social"] {
	float: left;
	width: 100%;
	margin-top: 30px;
	padding-bottom: 5em;
}

.site-mobile-menu .site-nav-wrap[data-class="social"]>li {
	width: auto;
}

.site-mobile-menu .site-nav-wrap[data-class="social"]>li:first-child a {
	padding-left: 15px !important;
}

.sticky-wrapper {
	position: relative;
	z-index: 100;
	width: 100%;
}

.sticky-wrapper .site-navbar {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}

.sticky-wrapper .site-navbar {
	background: #891f1f;
}

.sticky-wrapper .site-navbar .site-logo a {
	color: #fff;
}

.sticky-wrapper .site-navbar ul li a.active {
	color: #fff !important;
}

.sticky-wrapper.is-sticky .site-navbar {
	background: #891f1f;
}

.sticky-wrapper.is-sticky .site-navbar .site-logo a {
	color: #007bff;
}

.sticky-wrapper.is-sticky .site-navbar ul li a.active {
	color: #007bff !important;
}

.sticky-wrapper .shrink {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.sticky-wrapper.is-sticky .site-navbar .heade-border-bottom {
	border-bottom: none !important;
}


.header-top-div {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
	padding-bottom: 10px;
}

@media (max-width: 991.98px) {
	.sticky-wrapper .shrink {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
}

.site-navbar .site-navigation .site-menu .has-children .dropdown-width {
	width: 230px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown-width-program {
	width: 300px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown-width-test {
	width: 230px;
}

.dropdown-megamenu {
	position: static !important;
}

.megamenu {
	position: absolute !important;
	width: 100% !important;
	left: 0;
	height: 300px;
	cursor: auto;
	margin-top: 0px !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown,
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul {
	left: 100%;
	top: 0px;
}

/* ----------  End of Header Css ---------- */


/* ----------  Start of Slider Css ---------- */

/* slider arrow css start */
.arrow-width {display: flex;width: 80px;position: absolute;bottom: 70px;right: auto;left: 150px;}
.arrow-theme nav a.next {right: -50px;}
.arrow-theme nav a.prev {left: -50px;}
.arrow-theme nav a {position: absolute; bottom: -50px; top: auto; display: block; outline: none; text-align: left; z-index: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.nav-fillpath a {width: 100px; height: 70px;}

.nav-fillpath a::before,
.nav-fillpath a::after,
.nav-fillpath .icon-wrap::before,
.nav-fillpath .icon-wrap::after {background: #ffffff;}

.nav-fillpath .icon-wrap::before,
.nav-fillpath .icon-wrap::after {background: var(--bgcolor1);}

/* slider arrow css end */

/* slider text css start */
.carousel-caption {
	position: absolute;
	top: 25%;
	bottom: 25%;
	z-index: 10;
	width: 30%;
	left: 7.7%;
	text-align: left;
}

.carousel-caption h5 {
	font-size: 58px;
	font-weight: 600;
	line-height: 56px;
}

.carousel-caption p {
	color: #fff;
	font-size: 26px;
	line-height: 34px;
	font-weight: 500;
}

.carousel-caption hr {
	margin-top: 50px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid rgb(255 255 255);
}

/* slider text css end */

/* ----------  End of Slider Css ---------- */


/* ----------  Start of About Css ---------- */
.section-space-top-100{padding-top: 100px;}
.section-space-bottom-100{padding-bottom: 100px;}

.section-space-top-80{padding-top: 80px;}
.section-space-bottom-80{padding-bottom: 80px;}

.section-space-bottom-60{padding-bottom: 60px;}
.section-space-top-60{padding-top: 60px;}


.arrow {
	margin-left: -20px;
	width: 60px;
	height: 60px;
	z-index: 99;
	border-radius: 50em;
	background-size: 20px 15px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
}



/* Programs owlCarousel Start css */
.owl-1 .owl-nav {
	width: 100%;
	position: absolute;
	top: 50%;
	display: none !important;
}

.owl-1 .owl-nav .owl-next,
.owl-1 .owl-nav .owl-prev {
	border: 1px solid red;
	z-index: 92;
	position: absolute;
	top: 50%;
}

.owl-1 .owl-nav .owl-next:active,
.owl-1 .owl-nav .owl-next:focus,
.owl-1 .owl-nav .owl-prev:active,
.owl-1 .owl-nav .owl-prev:focus {
	outline: none;
}

.owl-1 .owl-nav .owl-next span,
.owl-1 .owl-nav .owl-prev span {
	color: #000;
}

.owl-1 .owl-nav .owl-next span:before,
.owl-1 .owl-nav .owl-prev span:before {
	font-size: 40px !important;
}

.owl-1 .owl-nav .owl-next {
	border: 4px solid blue;
	right: -30px;
}

.owl-1 .owl-nav .owl-prev {
	left: -30px;
}

.owl-1 .owl-dots {
	position: absolute;
	bottom: -50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.owl-1 .owl-dots .owl-dot {
	background: none;
	display: inline-block;
}

.owl-1 .owl-dots .owl-dot>span {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #858585;
	margin: 5px;
	border: solid 1px #858585;
}

.owl-1 .owl-dots .owl-dot.active>span {
	background: #cc6f3c;
	border: solid 1px #cc6f3c;
}

.owl-1 .owl-dots .owl-dot:active,
.owl-1 .owl-dots .owl-dot:focus {outline: none;}

.owl-br .owl-stage-outer {margin-right: 1px !important;}

.owl-br.owl-drag .owl-item {border-right: solid 1px #eee;	padding-right: 30px;}

.catagories-next-prev-button .owl-nav {width: 100%;position: absolute;top: 50%;display: none !important;}

/* 
.owl-2 .owl-nav {width: 100%;position: absolute;top: -11%;display: block !important;}
.owl-2 .owl-nav .owl-prev {right: 15%;}
.owl-2 .owl-nav .owl-next {border: 4px solid blue;right: 12%;}
.owl-2 .owl-nav .owl-next,
.owl-2 .owl-nav .owl-prev {border: 1px solid red;z-index: 92;position: absolute;top: 50%;}
.owl-2 .owl-nav .owl-next:active,
.owl-2 .owl-nav .owl-next:focus,
.owl-2 .owl-nav .owl-prev:active,
.owl-2 .owl-nav .owl-prev:focus {outline: none;}
.owl-2 .owl-nav .owl-prev,
.owl-2 .owl-nav .owl-next {background-color: #2f2f2f !important;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;}
.owl-2 .owl-nav .owl-prev:hover,
.owl-2 .owl-nav .owl-next:hover {background-color: #cc6f3c !important;text-decoration: none !important;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;text-decoration: none !important;}
.owl-2 .owl-nav .owl-prev span,
.owl-2 .owl-nav .owl-next span {color: #fff;font-size: 14px;}
.owl-2 .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;--moz-backface-visibility: hidden;padding-left: 0px !important;}
.owl2-slider-width {margin-left: calc((100% - 1320px)/ 2);margin-right: auto;width: auto !important;max-width: unset !important;} */

/* Programs owlCarousel End css */

.title-inner h2 {color: var(--title);font-size: 46px;font-weight: 600;letter-spacing: 0px;}

.side-inner-text p {color: var(--grey-small-text);font-size: 20px;}

#carouselExampleIndicators .arrow-width {display: flex;width: 142px;position: absolute;bottom: 13px;right: auto;left: 32.4%;}

#carouselExampleIndicators .arrow-theme nav a.next {right: 15px;}
#carouselExampleIndicators .arrow-theme nav a.prev {left: 15px;}
#carouselExampleIndicators .arrow-theme nav a span {color: #000; font-family: 'Manrope', sans-serif !important; font-weight: 600; font-size: 14px;}
#carouselExampleIndicators .arrow-theme nav a:hover span {color: #fff;}

/* #carouselExampleIndicators .nav-slide .icon-wrap {position: relative;z-index: 100;display: block;padding: 12px;background-color: #fff;border-radius: 0;color: black;font-size: 12px;font-weight: bold !important;opacity: 1 !important;} */

#carouselExampleIndicators .arrow-center {
	display: flex;
	width: 100% !important;
	position: absolute;
	top: 45%;
	right: 0;
	left: 0;
	max-width: unset !important;
	transform: translateY(-50%);
}

#carouselExampleIndicators .arrow-center nav a span {
	font-family: 'Material Symbols Outlined' !important;
}

/* .carousel-indicators {
	position: absolute;
	right: auto;
	bottom: 60px;
	left: 0;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 0;
	margin-left: 15.5%;
	list-style: none;
}

.carousel-indicators .indi-box {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 12px;
	height: 12px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #858585;
	background-clip: padding-box;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: 1;
	transition: opacity .6s ease;
}

.carousel-indicators .indi-box.active {
	opacity: 1;
	background-color: #cc6f3c;
} */

#product-carousel .arrow-center nav a span {
	font-family: 'Material Symbols Outlined' !important;
}

.material-symbols-outlined {
	font-family: 'Material Symbols Outlined' !important;
	/*font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 55*/
}


.bg01 {background-color: #ded7bd;/* height: 730px; */position: relative;padding-bottom: 90px;padding-top: 0px;}
.right-img {position: absolute;right: 0px;top: -65px;}
.right-img img {width: 90%;height: auto;float: right;}

.back-to-top {display: none;position: fixed;bottom: 25px;right: 15px;z-index: 100;}

.back-to-top i { display: block; width: 40px; height: 60px; line-height: 50px; color: #fefefe; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; text-align: center; background-color: #95c12b; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: flex; align-items: center; justify-content: center; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite;}

@-webkit-keyframes bounce {	
	
	0%,	20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {

	0%,	20%, 50%, 80%, 100% {-moz-transform: translateY(0);	}
	40% {-moz-transform: translateY(-30px);	}
	60% {-moz-transform: translateY(-15px);	}
}

@-o-keyframes bounce {

	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}

@keyframes bounce {

	0%,	20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}


.fa-angle-up:before {
	content: "\f106";
}


.heade-border-bottom2 {
	display: flex;
	justify-content: end;
	align-items: center;
	/* border-top: 3px solid #fefefe; */
	gap: 75px;
	width: 100%;
}


.input-group.bg-light {
	flex-direction: row-reverse;
}

.social-list ul {
	padding-left: 0px;
	margin-bottom: 0px;
	display: flex;
	gap: 12px;
}

.social-list ul li {
	display: inline-block;
	list-style: none;
	text-align: center;
	padding: 0px 5px;
	line-height: 5px;
	background: #000;
	padding: 7px;
	border-radius: 50%;
}

.social-list ul li a {
	color: #fff;
	text-align: center;
	font-size: 16px;
	display: block;
	position: relative;
}

.social-list ul li a:hover {
	color: #cc6f3c;
}

.social-list ul li:last-child {
	border-right: none;
}

.social-list ul li a .cart-no {
	position: absolute;
	background-color: #cc6f3c;
	width: 18px;
	height: 18px;
	border-radius: 35px;
	top: -5px;
	right: -5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.social-list ul li a .cart-no span {
	font-size: 10px;
	color: #fff;
}

.fa-icon:before {
	display: block;
	height: 16px;
	width: 16px;
}

.accessibility {
	background: white !important;
	border-radius: 0px !important;
}

.accessibility a {
	color: #797979 !important;
	display: flex !important;
	gap: 8px;
	align-items: center;
	font-weight: 500;
}


.head-box-relative {
	position: relative;
}


.owl-3 .owl-nav {
	width: 100%;
	position: absolute;
	top: 35%;
	/*display: block !important;*/
}

.owl-3 .owl-nav .owl-next,
.owl-3 .owl-nav .owl-prev {
	z-index: 92;
	position: absolute;
	top: 50%;
}

.owl-3 .owl-nav .owl-next:active,
.owl-3 .owl-nav .owl-next:focus,
.owl-3 .owl-nav .owl-prev:active,
.owl-3 .owl-nav .owl-prev:focus {
	outline: none;
}

.owl-3 .owl-nav .owl-next span,
.owl-3 .owl-nav .owl-prev span {
	color: #000;
}

.owl-3 .owl-nav .owl-next span:before,
.owl-3 .owl-nav .owl-prev span:before {
	font-size: 40px !important;
}

.owl-3 .owl-nav .owl-next {
	border: transparent;
	right: -60px;
}

.owl-3 .owl-nav .owl-prev {
	left: -60px;
}

.owl-3 .owl-dots {
	position: absolute;
	bottom: -50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none;
}

.owl-3 .owl-dots .owl-dot {
	background: none;
	display: inline-block;
}

.owl-3 .owl-dots .owl-dot>span {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	margin: 5px;
	border: solid 1px #000;
}

.owl-3 .owl-dots .owl-dot.active>span {
	background: #000;
}

.owl-3 .owl-dots .owl-dot:active,
.owl-3 .owl-dots .owl-dot:focus {
	outline: none;
}

.owl-3 .owl-nav .owl-prev,
.owl-3 .owl-nav .owl-next {
	background-color: #dcdada !important;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.owl-3 .owl-nav .owl-prev:hover,
.owl-3 .owl-nav .owl-next:hover {
	background-color: #3da9dd !important;
	text-decoration: none !important;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-decoration: none !important;
}

.owl-3 .owl-nav .owl-prev:hover i,
.owl-3 .owl-nav .owl-next:hover i {
	color: white !important;
}

.owl-3 .owl-nav .owl-prev span,
.owl-3 .owl-nav .owl-next span {
	color: #000;
	font-size: 14px;
}


.disc-video {
	width: 50%;
	float: left;
}

.carousel-control-next,
.carousel-control-prev {
	width: 7%;
	opacity: 1 !important;
}


body ::-webkit-scrollbar {
	margin-right: 1.25rem;
	width: 0.35rem;
	height: 0.25rem;
	background-color: #ffffff;
}

body ::-webkit-scrollbar-thumb {
	border-radius: 0.25rem;
	background-color: #e4e4e4;
}

.head-bg {position: relative; z-index: 3;}
.header_sticky {width: 100%;max-width: 100%;z-index: 9;transition: all .5s ease;position: sticky;background: #fff;}
.header_sticky-active {position: fixed;top: 0px;animation: moveDown .5s;box-shadow: 0 8px 25px 0 rgba(140, 152, 164, 0.15);background-color: #fff;transition: all .5s ease;}


@keyframes moveDown {
	0% {
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
	}

	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

.fancy-btn {background: transparent;border: none;cursor: pointer;padding: 60px 0;font-size: 18px;overflow: hidden;}
.fancy-btn i {position: relative;z-index: 2;transition: color 0.3s ease;color: #fff;margin-top: 2px;}
.border-svg {position: absolute;width: 55px;height: 55px;z-index: 1;}

.border-svg path {stroke: white ;stroke-opacity: 0.5; fill: transparent;	transition: fill 0.4s ease, stroke-opacity 0.4s ease;}
.fancy-btn:hover .border-svg path {fill: white;stroke-opacity: 1;}
.fancy-btn:hover i {color: black;}
.fancy-btn:hover {filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.6));}


/*************** Home Page Start ***************/

.anchor {
    display: block;
    position: relative;
    top: 0px;
    visibility: hidden;
}

div:focus-visible {outline: none;}
.main-owl .owl-controls {display: flex; justify-content: flex-end;}
.main-owl .owl-nav { display: flex; gap: 10px;}

.custom-nav {display: flex;	gap: 7px;}

.custom-nav .owl-prev,
.custom-nav .owl-next {position: relative;width: 50px;height: 50px;	background: transparent;border: none;cursor: pointer;padding: 0;}


/* .custom-nav .owl-prev svg,
.custom-nav .owl-next svg {position: absolute; inset: 0; width: 100%; height: 100%;} */

.custom-nav .owl-prev .icon-wrap::after,
.custom-nav .owl-next .icon-wrap::after {
	content: "";
	background: #006cb5;
	width: 0%;
	height: 100%;
	position: absolute;
	z-index: -1;
	transition: all 0.4s ease;
	left: 0;
	color: #fff;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
}

.custom-nav .owl-prev:hover .icon-wrap::after,
.custom-nav .owl-next:hover .icon-wrap::after {
	content: "";
	background: #006cb5;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
}

/* 
.custom-nav path {
  stroke: #EF7F1A;
  fill: transparent;
  transition: all 0.3s ease;
}
 */

.custom-nav .icon-wrap { position: relative; z-index: 2; color: #186498; font-size: 18px; display: flex; align-items: center; justify-content: center; height: 100%; border: 1px solid #186498;}

.custom-nav .owl-prev:hover path,
.custom-nav .owl-next:hover path {fill: #EF7F1A; stroke: #EF7F1A;}

.custom-nav .owl-prev:hover .icon-wrap,
.custom-nav .owl-next:hover .icon-wrap {color: #fff; /* background-color: #186498; */ }

.tender-home-section {background-color: #ef7f1a1a;}

.about-bg {	/* background: url(../images/dotted-line.png) repeat top center; */ background-color: #ffffff; padding: 50px 0px; position: relative; height: 50%; position: absolute; top: 0; width: 100%; z-index: -1; height: 50%; background-image: radial-gradient(#D8EFFF 1px, transparent 1px); background-size: 6px 6px;}

.gov-logo {/* background: url("../images/dotted-line.png") no-repeat top center; */background-color: #ffffff;padding: 50px 0px;position: relative;height: 100%;background-image: radial-gradient(#D8EFFF 1px, transparent 1px);background-size: 6px 6px;}
.gov-logo .owl-carousel .owl-item {transition: all .5s ease-in-out;	border: 1px solid #D7EFFF;	/* margin-bottom: 5px */}
/* .gov-logo .owl-carousel .owl-item:hover {box-shadow: 0px 2px 10px 6px #00000011;} */
.gov-logo .owl-carousel .owl-item img {	filter: grayscale(1);transition: all .5s ease-in-out; border: 1px solid #D7EFFF;}
.gov-logo .owl-carousel .owl-item:hover img {filter: grayscale(0); transition: all .5s ease-in-out;}
.gov-logo .owl-carousel .owl-item:hover:after {
	font-family: "bootstrap-icons";
	content: "\F284";
	position: absolute;
	display: block;
	z-index: 30;
	top: -10px;
	left: -10px;
	font-size: 25px;
	color: #95C12B;
	width: 35px;
	height: 35px;
	transform: rotate(45deg);
	font-weight: 600;
	transition: all .5s ease-in-out;
}

.gov-logo .owl-carousel .owl-item:hover:before {
	font-family: "bootstrap-icons";
	content: "\F284";
	position: absolute;
	display: block;
	z-index: 30;
	bottom: -10px;
	right: -10px;
	font-size: 25px;
	color: #95C12B;
	width: 35px;
	height: 35px;
	transform: rotate(225deg);
	font-weight: 600;
	transition: all .5s ease-in-out;
}


/*************** Home Page End ***************/


/***************************************  Footer Section Start ***************************************/

.footer {background-color: #E2F0F7; color: var(--blue-title-bg); padding: 60px 0px 20px; position: relative;}
.footer-pd{padding:0px 150px ;}

.footer-logo {max-width: 220px;	margin-bottom: 20px;}

.footer h5 {font-weight: 600; margin-bottom: 15px; position: relative;}

/* Green accent line */
.footer h5::after {  content: "";  width: 30px;  height: 3px;  background-color: #7ac142;  display: inline-block;  margin-left: 10px;  vertical-align: middle;}

/* List styling */
.footer-links {	list-style: none;	padding: 0;	margin: 0;}

.footer-links li {margin-bottom: 7px; font-size: 16px;}

.footer-links a {font-size: 16px; color: var(--blue-title-bg); text-decoration: none; transition: all 0.3s ease; display: inline-block; line-height:normal; }

.footer-links a:hover {	color: #7ac142; transform: translateX(5px); }

.f-icon {font-size: 16px; position: relative; padding-left: 30px; margin-bottom: 10px; line-height: 22px; }
.f-icon p{margin: 0;padding: 0;}
.f-icon strong {font-weight: 600; margin-bottom: 5px; display: block; color: var(--title);}
.f-icon span {position: absolute; left: 0; top: 0;}

.f-icon .text-light {	color: var(--blue-title-bg) !important;	font-weight: normal;}
.f-icon .text-light:hover {color: var(--bgcolor1) !important;}

.footer-links a:after {position: absolute; bottom: 0; right: 0;	width: 100%; height: 1px; background-color: currentColor; content: "";}
.footer-links a:after {width: 0; transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);}
.footer-links a:hover:after {width: 100%; left: 0;}

.footer .icon {color: var(--title);	margin-right: 10px; font-size: 1.1rem;}

.footer-bottom {
    /* border-top: 1px solid rgb(122 193 66);
    opacity: 1;*/
    margin-top: 30px; margin-bottom: 20px; content: ""; height: 1px;}

.social-icons a {width: 40px; height: 40px;	background-color: var(--bgcolor1); color: #ffffff;	display: inline-flex; align-items: center;
	justify-content: center; border-radius: 4px; margin-left: 10px;	transition: all 0.3s ease;}

.social-icons a:hover {background-color: var(--blue-title-bg); color: #ffffff;}

.tagline{font-weight: 600; line-height: normal;	margin-bottom: 20px; color: var(--blue-title-bg);}

.copyright{font-size: 16px;}



/***************************************  Footer Section End ***************************************/

.custom-padding {
	padding: 0 100px;
}

.performance-bg {
	background-color: #E2F0F7;
	background-size: 300px;
	width: 100%;
	background: linear-gradient(to bottom, #E2F0F7 350px, transparent 350px);
}


/* 
.application {
	padding: 50px 70px;
}

.application .custom-nav1 .owl-prev,
.application .custom-nav1 .owl-next {
	background: transparent;
	outline: 0;
	border: 1px solid #fff;
	padding: 7px 15px;
	color: #fff;
	position: relative;
}

.application .custom-nav1 .ind-bt {
	position: relative;
	z-index: 2;
}

.application .custom-nav1 .owl-prev::after,
.application .custom-nav1 .owl-next::after {
	content: "";

	width: 0%;
	height: 100%;
	position: absolute;
	z-index: -1;
	transition: all 0.4s ease;
	left: 0;
	color: #fff;
	top: 0;
}

.application .custom-nav1 .owl-prev:hover::after,
.application .custom-nav1 .owl-next:hover::after {
	content: "";
	background: #95C12B;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
} */


.slider,
.slider video {	width: 100%;position: relative;}

.video-play-btn { position: absolute; top: 30px; right: 30px; width: 56px; height: 56px; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(8px); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 25; border: 1px solid rgba(255, 255, 255, 0.8); color: white; font-size: 1.2rem; transition: 0.2s; display: none;}
.video-play-btn:hover { background: #3b3b3b; transform: scale(1.08);}

.title-text { color: var(--title); font-size: 45px; font-weight: 600;}
.title-text span { color: var(--title); font-size: 45px; font-weight: 600;}
.title-highlight { font-size: 23px; font-weight: 500; line-height: 35px;}

.title-text1 { color: var(--title); font-size: 40px; font-weight: 600; line-height: normal;}
.title-text1 span { display: block;}
.title-text30 {color: var(--title); font-size: 30px; font-weight: 600; line-height: normal;}

.para-text { color: var(--body-text); font-size: 18px; line-height: 30px; font-weight: normal;}

.read-more { font-size: 16px; font-weight: 500; text-transform: uppercase;}
.read-more i { color: var(--title);}
.read-more i::before { font-size: 16px; font-weight: 500 !important;}

.read-more a {display: inline-flex;align-items: center;gap: 6px;text-decoration: none;color: #000;font-weight: 500;transition: color 0.3s ease;position: relative;}
.read-more a i {transition: transform 0.3s ease;}
/* Hover Effect */
.read-more a:hover {color: #006cb5;}
.read-more a:hover i {transform: translateX(3px);}
.read-more a::after {content: "";position: absolute;bottom: -5px;height: 2px;background: #579ece;width: 0%;left: 20px;transition: all 0.3s ease;}
.read-more:hover a::after {content: "";position: absolute;bottom: -5px;height: 2px;background: #579ece;width: calc(100% - 20px);left: 20px;}

/* [class^=btn-] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 80px;
  max-width: 250px;
  margin: 1rem auto;
  text-transform: uppercase;
  border: 1px solid currentColor;
} */
.contact-bt {display: inline-flex;overflow: hidden;text-transform: uppercase;height: 40px;align-items: center;background: #006CB5;z-index: 0;color: #fff;}
.top-btn {color: #ffffff !important;padding: 10px 15px !important;display: block !important;}
.top-btn span {position: absolute;display: block;width: 0;height: 0;border-radius: 50%;background-color: #95C12B;transition: width 0.4s ease-in-out, height 0.4s ease-in-out;transform: translate(-50%, -50%);z-index: -1;}
.top-btn:hover {color: #fff;}
.top-btn:hover span {width: 225%;height: 562.5px;}

/* Card Container */
.transformer-card {border: 1px solid #e2f0f7;border-radius: 0;overflow: hidden;transition: transform 0.4s ease, box-shadow 0.4s ease;background-color: #fff;position: relative;/* border-bottom: 6px solid #006cb5; */margin: 10px 0px;position: relative;z-index: 0;}

.transformer-card::before {content: "";position: absolute;bottom: 0px;height: 5px;background: var(--bgcolor1);width: 100%;z-index: 0; left: 0;}
.transformer-card::after {content: "";position: absolute;bottom: 0px;height: 5px;width: 0%;left: 20px;transition: all .6s ease;z-index: 6;left: 0;}

.card.transformer-card:hover::after {content: "";position: absolute;bottom: 0px;height: 5px;background: var(--greenbg);width: 100%;z-index: 0;left: 0;transition: all .6s ease;}

/* Hover Lift Effect */
.transformer-card:hover {transform: translateY(-8px);box-shadow: 0 7px 15px #00000025;}
/* Image Styling */
.transformer-card .img-trans {width: 100%;object-fit: cover;overflow: hidden;transform: scale(1);transition: all 0.4s ease;}
.transformer-card .img-trans img {transition: all 0.4s ease;}
.transformer-card:hover .img-trans img {transform: scale(1.1);transition: all 0.4s ease;}

.transformer-card .card-body {padding: 30px;position: relative;min-height: 350px;display: flex;flex-direction: column;justify-content: space-between;}
.transformer-card .card-title {font-size: 24px;font-weight: 600;color: var(--body-text);margin-bottom: 15px;line-height: normal;}
.transformer-card .card-text {color: var(--body-text);line-height: 27px;margin-bottom: 30px;min-height: 165px;}

/* Decorative Dots */
.dots {position: absolute;bottom: 0px;left: 00px;width: 160px;height: 20px;background-image: radial-gradient(#D4EFFD 2px, transparent 2px);background-size: 12px 12px;}
.dotsbox {align-items: center; display: flex; justify-content: end; position: relative;}

.line-top {position: absolute; top: -35px; width: 100%; left: 0;}

/** line svg strat***/
.drawing {stroke-width: 2;fill: none;stroke-dasharray: 2300;stroke-dashoffset: -2300;animation: dash 3.9s linear forwards;}

.drawing1 {stroke-width: 2;fill: none;stroke-dasharray: 2300;stroke-dashoffset: 2300;animation: dash1 4s linear forwards;}

@keyframes dash {
	to {
		stroke-dashoffset: 0;
	}
}


@keyframes dash1 {
	to {
		stroke-dashoffset: 0;
	}
}

/***line svg end ***/

.view-all-bt{position: relative; display: inline-flex; margin: 0 auto; text-align: center; background: transparent;	border: 1px solid rgb(0 108 181); font-size: 16px;}
.view-all-bt:hover{border-color: #95c12b;}
.view-all-bt a {color: var(--bgcolor1) !important;	transition: all 0.3s ease-in-out;}
.view-all-bt:hover a{color: var(--bgcolor3) !important;	transition: all 0.3s ease-in-out;}

.custom-nav2{display: flex;	gap: 7px;}

.custom-nav2 .owl-prev,
.custom-nav2 .owl-next {position: relative;	width: 50px; height: 50px; background: transparent;	border: none; cursor: pointer; padding: 0;}

/* .custom-nav2 .owl-prev svg,
.custom-nav2 .owl-next svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
} */

.custom-nav2 .owl-prev .icon-wrap::after,
.custom-nav2 .owl-next .icon-wrap::after {
	content: "";
	background: #006cb5;
	width: 0%;
	height: 100%;
	position: absolute;
	z-index: -1;
	transition: all 0.4s ease;
	left: 0;
	color: #fff;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
}

.custom-nav2 .owl-prev:hover .icon-wrap::after,
.custom-nav2 .owl-next:hover .icon-wrap::after {
	content: "";
	background: #006cb5;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
}

/* 
.custom-nav2 path {
  stroke: #EF7F1A;
  fill: transparent;
  transition: all 0.3s ease;
}
 */

.custom-nav2 .icon-wrap {
	position: relative;
	z-index: 2;
	color: #186498;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	border: 1px solid #186498;
}

/* .custom-nav2 .owl-prev:hover path,
.custom-nav2 .owl-next:hover path {
  fill: #EF7F1A;
  stroke: #EF7F1A;
} */

.custom-nav2 .owl-prev:hover .icon-wrap,
.custom-nav2 .owl-next:hover .icon-wrap {
	color: #fff;
	/* background-color: #186498; */
}

.bg-light-blue {
	background-color: #E2F0F7;
	padding: 15px;
}

.bench-main {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding: 10px 20px 10px 10px;
}

.bench-card::before {
	content: "";
	position: absolute;
	bottom: 0px;
	height: 100%;
	background: var(--bgcolor1);
	width: 100%;
	z-index: 0;
	right: 0;
	width: 5px;
	left: auto;
}


.bench-card::after {
	content: "";
	position: absolute;
	bottom: 0px;
	height: 0%;
	left: unset;
	width: 5px;

	transition: all .6s ease;
	z-index: 6;
	right: 0;

}

.card.bench-card:hover::after {
	content: "";
	position: absolute;
	bottom: 0px;
	width: 5px;
	background: var(--greenbg);
	height: 100%;
	z-index: 0;
	right: 0;
	transition: all .6s ease;
	left: unset;
}

.bench-card1::before {
    content: "";
    position: absolute;
    bottom: 0px;
    height: 100%;
    background: var(--bgcolor1);
    width: 100%;
    z-index: 0;
    left: 0;
    width: 5px;
}
.bench-card1::after {
	content: "";
	position: absolute;
	bottom: 0px;
	height: 0%;
	left: unset;
	width: 5px;

	transition: all .6s ease;
	z-index: 6;
	left: 0;

}

.card.bench-card1:hover::after {
	content: "";
	position: absolute;
	bottom: 0px;
	width: 5px;
	background: var(--greenbg);
	height: 100%;
	z-index: 0;
	left: 0;
	transition: all .6s ease;
	/* left: unset; */
}

.application-box {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.application-main {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 32%;
	aspect-ratio: 3/3;
}

.application-icon img {
	width: auto !important;
	margin-bottom: 20px;
}

.application-title {
	color: var(--blue-title-bg);
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 15px;
	position: relative;
	padding-bottom: 20px;
}

.application-title::after {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 80%;
	height: 1px;

	background-color: var(--blue-title-bg);
}

/*******news section start *******/
.news-box-main {
	display: grid;
	gap: 20px;
	margin-top: 30px;
}

.news-inner a {
    display: flex;
    justify-content: center;
    padding: 0px;
    border: 1px solid #D7EFFF;
    align-items: center;
    gap: 20px;
    padding-right: 20px;
}


.news-inner a:hover {
	background: linear-gradient( to left, #e2f0f7 0%, #ffffff 100%);
  border: 1px solid #b3d4eb;
  transition: all .3s ease-in-out;
}


.news-img {
    position: relative;
    display: flex;
    /* width: 220px; */
    overflow: hidden;
    flex-basis:33%;
}
.news-text {
    padding: 10px;
    flex-basis: 67%;
}


.news-img img {
    overflow: hidden;
    transform: scale(1);
    transition: all .3s;
}


.news-inner:hover .news-img img {
    transform: scale(1.1);
    transition: all .3s;
}

.news-date {
	font-size: 16px;
	font-weight: 500;
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
	align-items: center;

}

.news-date i {
	font-size: 20px;
	color: var(--title);
}

.news-title {
	font-size: 22px;
	font-weight: 500;
	color: var(--blue-title-bg);
	transform: scale(1, -1);
}
.news-inner:hover .news-title {
  color: var(--title);
  transition: all .3s ease-in-out;
}

.bg-form {
	background: var(--title);
	height: 100%;
	padding: 40px 50px;
	color: #fff;
}

.form-home {
	margin-top: 30px;
}

.f-input {
	padding-bottom: 15px;
	position: relative;
}



.form-home .form-control {width: 100%;padding: 8px 15px;font-size: 16px;font-weight: 400;line-height: 40px;border-radius: 0;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;color: #ffffff;background-color: transparent;/* optional (for dark theme) */border: 1px solid #ffffff80;}

/* Placeholder color */
.form-home .form-control::placeholder {	color: #ffffff; opacity: 0.7;}

.form-home textarea.form-control::placeholder {color: #ffffff;}

/* Focus state */
.form-home .form-control:focus {color: #ffffff;background-color: transparent;border-color: var(--greenbg);box-shadow: none;}
.form-bt {height: 50px;	line-height: 50px; border:none;}
.form-bt button {padding: 0; margin: 0; outline: none; border: none;}

.form-bt a {color: #ffffff !important;transition: all 0.3s ease-in-out;background: var(--greenbg);position: relative;z-index: 0;}
.form-bt span {position: absolute;display: block;width: 0;height: 0;border-radius: 50%;background-color: #052244;transition: width 0.4s ease-in-out, height 0.4s ease-in-out;transform: translate(-50%, -50%);z-index: -1;}

/*******news section end *******/

.about-box-main { display: flex; margin-bottom: 2px;}
.about-box {display: flex; flex-direction: column; text-align: center; justify-content: center;}
.about-bg1{background: var(--bgcolor1);padding: 20px; width: 45%;}
.about-bg2{background: #E2F0F7;padding: 20px; width: 55%;}
.t-big{font-size: 45px; font-weight: 700;    line-height: initial;}
.t-big span{font-size: 24px; font-weight: 600;}

.about-text {padding-top: 0px;}


/******* inner page *******/
.banner{position: relative;}
.banner img { width: 100%;}
.breadcrumb-main{ position: absolute; bottom: 0px;  width: 100%; display: flex; z-index: 1;}

.breadcrumb {background: rgb(255, 255, 255);display: inline-flex;margin: 0;padding: 15px 30px;font-size: 16px;}

.breadcrumb-item a{color:var(--blue-title-bg);}
.breadcrumb-item a:hover{color:var(--greenbg);}

.breadcrumb-item.active{color:var(--greenbg);}

.breadcrumb-item + .breadcrumb-item::before {content:"\F309";font-family:"bootstrap-icons";font-style:normal;font-weight:normal;display:inline-block;margin:0 5px;font-size:24px;line-height:1;padding:0;display:flex;position:relative;top:50%;transform:translateY(-50%);color:#69C200;}

.breadcrumb-item + .breadcrumb-item::before {content: "\F309"; font-family: "bootstrap-icons"; font-style: normal; font-weight: normal; display: inline-block; margin: 0 5px; font-size: 24px; line-height: 1; padding: 0; display: flex; position: relative; top: 50%; transform: translateY(-50%); color: #95C12B;}
.inner-img-box {display: flex; justify-content: center; width: auto;  padding: 0 70px;}

.inner-bg {background-color: #ffffff; padding: 50px 0px;  position: absolute;  top: 0;  width: 100%;  z-index: -1;  height: 200px; background-image: radial-gradient(#D8EFFF 1px, transparent 1px); background-size: 6px 6px; }
.bg-blue {background-color: var(--title); padding: 50px; margin-top: -130px;}

.title-pb {padding-bottom: 20px;}

.light-blue-bg {background-color: #E2F0F7;}

.vi-mi-box {display: flex; align-items: center; gap: 20px; margin-bottom: 20px; font-size: 30px; font-weight: 600; color: var(--title);}
.vissio-mission-main .card.bench-card.p-0 {
    border-radius: 0;
    border: 1px solid #e2f0f7;
}
.vm-h {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.vm-h1 {padding-left: 35px;}
.vissio-mission-main  .img-trans {
    height: 100%;
    overflow: hidden;
    object-fit: cover;
}
.vissio-mission-main  .img-trans img {
    object-fit: cover;
    height: 100%;
}

.about-ul {display: flex; gap: 30px; position: relative;}
.about-ul ul {
    position: relative;
    margin: 0;
    padding-left: 15px;
}
.about-ul li::marker {
    content: url('../images/bullet-icon.svg');
    left: 0px;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    left: 0px;
    right: 0px;
}
.white-ul li::marker{content: url('../images/white-bullet-icon.svg');}
.about-ul ul li{padding-bottom:8px;  padding-left: 15px;}
.about-ul .highlight span{font-weight: 500;}

.ul50{width: 50%;}
.ul50 i {position: absolute; left: 0px;}


.team-bg-h{height: 30%;}
.team-box .img-trans{padding: 15px;}
.team-box .img-trans img{width: 100%;}
.team-box .card:hover .img-trans img {
    transform: scale(1);
    transition: all 0.4s ease;
}
.team-body {
    padding: 25px;
    position: relative;
    min-height: unset;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.team-body .card-text{ min-height: unset!important; margin-bottom: 0;}
.team-body  .dots {
    position: absolute;
    bottom: 30px;
    right: 10px;
	left: unset;
    width: 100px;
    height: 20px;
    background-image: radial-gradient(#D4EFFD 2px, transparent 2px);
    background-size: 12px 12px;
}

.testing-text-main {
    display: flex;
    /* gap: 30px; */
    align-items: start;
    flex-direction: row;
}

.testing-text {
    /* width: 25%;
    border-right:1px solid #88D2F8; */
}
.testing-text {
    width: calc(100% * 3);
}
/* .testing-text:last-child{border: none;padding-right: 0; } */
.fs24{font-size:24px;}
.testing-text p { padding: 0; margin: 0;}
.testing-text-main .vr {
    background-color: #88D2F8;
    opacity: 1;
}
.eng-process-ttile{align-items: center; justify-content: space-between; margin-bottom: 40px;}
.eng-process-ttile .read-more {     display: inline-block; width: max-content; min-width: min-content; text-align: end;}
.eng-process-ttile .read-more a{     display: contents;}
.eng-process-main .eng-box { grid-template-columns: repeat(3, 1fr); display: grid; gap: 24px; margin: 0;}
.eng-process-main .eng-box .box-line {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #b3d4eb;
    overflow: hidden;
    transition: all 0.4s ease;
}

/* Gradient overlay */
.eng-process-main .eng-box .box-line::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to left, #e2f0f7 0%, #ffffff 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 0;
}

/* Keep content above overlay */
.eng-process-main .eng-box .box-line > * { position: relative;  z-index: 1;}

/* Hover effect */
.eng-process-main .eng-box .box-line:hover::before { opacity: 1;}
.eng-process-main .eng-box .box-line .number { position: absolute; top: 0; left: 0; background: var(--title); width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 500;}
.eng-icon {flex-direction: row;  display: flex;	gap:20px;}
.eng-name{ font-size: 18px; line-height: inherit; color: #000; width: 100%; display: flex; transform: translateX(0px); transition: 0.3s ease;}

.box-line:hover .eng-name {transform: translateX(2px); transition: 0.3s ease;}

.box-line:hover {transform: translateY(-6px); box-shadow: 0 12px 30px rgba(0,0,0,0.08);}

.img-50-width-box { display: flex; align-items: center; padding-top: 100px; padding-bottom: 100px;}
.image-r { position: absolute; right: 0; width: 50%; top: 0; height: 100%; display: flex;}
.image-r img {object-fit: cover; object-position: center;}
.cap-pr{padding-right: 60px;}
.cap-pl{padding-left: 60px;}

.inoovation-main .inovation-box .icon{margin-bottom: 20px;}
.inovation-box{height: 100%;padding: 0;}
.inovation-box .team-body {padding: 35px 50px;}

/*********** industries page ***********/
.inner-industries .icon {padding-bottom: 20px;}

.contact-form .icon {color: #1e88e5; margin-right: 10px; font-size: 1.1rem;}
.contact-form .f-icon { font-size: 18px; position: relative; padding-left: 30px; margin-bottom: 25px; line-height: 20px;}
.career-sec .contact-bt {margin-bottom: 15px;}
.download-f a{background:var(--bgcolor1); padding: 10px 20px; display: flex; align-items: center; gap: 10px; width: fit-content; color: #fff;}
.download-f .icon{font-size: 30px; color:#fff;margin: 0;}
.download-f .d-text{font-size:18px;font-weight:500;}
.download-f .d-text span{ display: block;font-size: 15px; font-weight: normal;}
.download-f a:hover{background: var(--blue-title-bg); color: #fff;}

.team-card  .img-trans {
    width: 250px;
    object-fit: unset;
    overflow: unset;
    transform: scale(1);
    transition: all 0.4s ease;
}
.team-card {display: flex; flex-direction: row; gap: 40px; padding: 35px; margin-bottom: 35px;}
.team-box .team-card  .img-trans img {
    width: 220px;
}
.team-box .team-card .img-trans {
    padding: 0;
}
.team-box .team-body{padding: 0;}

.team-box .team-body .card-text {
    min-height: unset!important;
    margin-bottom: 20px;
}
.team-box .card-text {
    display: flex;
    gap: 30px;
}
.dot-solution{height:310px;}



.main-owl .application-padding .owl-controls {
    justify-content: flex-start;
    padding-top: 20px;
}
.application-padding { background-color: #E2F0F7;  padding: 30px;}
.application-padding .bg-light-blue {
    
    padding: 0px;
    border-radius: 0;
    background: var(--title);
    border: none;
}
.app-main-inner {
    padding: 45px 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.app-icon img {
    width: auto !important;
    margin-bottom: 20px;
}
.app-title {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    position: relative;
}


.custom-nav1{display: flex;	gap: 7px;}

.custom-nav1 .owl-prev,
.custom-nav1 .owl-next {position: relative;	width: 50px; height: 50px; background: transparent;	border: none; cursor: pointer; padding: 0;}

/* .custom-nav1 .owl-prev svg,
.custom-nav1 .owl-next svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
} */

.custom-nav1 .owl-prev .icon-wrap::after,
.custom-nav1 .owl-next .icon-wrap::after {
	content: "";
	background: #006cb5;
	width: 0%;
	height: 100%;
	position: absolute;
	z-index: -1;
	transition: all 0.4s ease;
	left: 0;
	color: #fff;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
}

.custom-nav1 .owl-prev:hover .icon-wrap::after,
.custom-nav1 .owl-next:hover .icon-wrap::after {
	content: "";
	background: #006cb5;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
}

/* 
.custom-nav1 path {
  stroke: #EF7F1A;
  fill: transparent;
  transition: all 0.3s ease;
}
 */

.custom-nav1 .icon-wrap {
	position: relative;
	z-index: 2;
	color: #186498;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	border: 1px solid #186498;
}

/* .custom-nav1 .owl-prev:hover path,
.custom-nav1 .owl-next:hover path {
  fill: #EF7F1A;
  stroke: #EF7F1A;
} */

.custom-nav1 .owl-prev:hover .icon-wrap,
.custom-nav1 .owl-next:hover .icon-wrap {
	color: #fff;
	/* background-color: #186498; */
}