/*****************************************************
******************** COMMON CSS ********************
****************************************************/
@font-face
{
	font-family: WorkSans-Bold;
	src: local('WorkSans-Bold'), url('../fonts/WorkSans/WorkSans-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: WorkSans-Medium;
	src: local('WorkSans-Medium'), url('../fonts/WorkSans/WorkSans-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: WorkSans-Regular;
	src: local('WorkSans-Regular'), url('../fonts/WorkSans/WorkSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: WorkSans-Light;
	src: local('WorkSans-Light'), url('../fonts/WorkSans/WorkSans-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: Poppins-Bold;
	src: local('Poppins-Bold'), url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body
{
	font-family:WorkSans-Regular;
	position: relative;
	background-color: #ffffff;
	overflow-x: hidden;
}
body.dark-theme
{
	background-color: #08253C;
}
body::-webkit-scrollbar
{
	width:6px;
}
body::-webkit-scrollbar-track
{
	background:transparent;
}
body::-webkit-scrollbar-thumb
{
	background:#F58634;
}
.container-fluid.full-section
{
	--bs-gutter-x: 50px;
}
.container
{
	max-width: 1300px;
}
a,button,.btn
{
	text-decoration: none;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
a:hover,a:focus, button:hover,button:focus, .btn:hover, .btn:focus
{
	outline:none;
	box-shadow: none;
	text-decoration: none;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
p
{
	font-size: 16px;
	line-height: 26px;
	color: #3F454B;
}
.font-14
{
	font-size: 14px;
}
.font-16
{
	font-size: 16px;
}
.font-18
{
	font-size: 18px;
}
.font-20
{
	font-size: 20px;
}
.font-22
{
	font-size: 22px;
}
.font-24
{
	font-size: 24px;
}
.font-26
{
	font-size: 26px;
}
.font-28
{
	font-size: 28px;
}
.font-30
{
	font-size: 30px;
}
.font-32
{
	font-size: 32px;
}
.font-36
{
	font-size: 36px;
}
.font-40
{
	font-size: 40px;
}
.font-50
{
	font-size: 50px;
}
.font-64
{
	font-size: 64px;
	line-height: 1;
}
.font-WorkSans-Bold
{
	font-family:WorkSans-Bold;
}
.font-WorkSans-Medium
{
	font-family:WorkSans-Medium;
}
.font-WorkSans-Regular
{
	font-family:WorkSans-Regular;
}
.ptb-20
{
	padding-top: 20px;
	padding-bottom: 20px;
}
.ptb-80
{
	padding-top: 80px;
	padding-bottom: 80px;
}
.ptb-50
{
	padding-top: 50px;
	padding-bottom: 50px;
}
.bg-azureish-white
{
	background-color: #E1EBF3;
}
.bg-orange
{
	background-color: #F58634;
}
.color-orange
{
	color: #F58634;
}
.bg-steel-blue
{
	background-color: #3379B0;
}
.bg-bright-gray
{
	background-color: #E5EDF4 !important;
}
.color-steel-blue
{
	color: #003F72;
}
.mb-10
{
	margin-bottom: 160px;
}
.btn-orange
{
	font-family: WorkSans-Medium;
	font-size: 16px;
	background-color: #F58634;
	color: #ffffff;
	padding: 12px 30px;
	border: 1px solid #F58634;
	border-radius: 30px;
}
.btn-orange:hover, .btn-orange:focus
{
	background-color: #3379B0;
	color: #ffffff;
	border: 1px solid #3379B0;
}
/*****************************************************
********************** MAIN CSS **********************
****************************************************/
.navbar .navbar-nav .nav-item .nav-link
{
	font-family:WorkSans-Regular;
	color: #003F72;
	font-size: 16px;
	padding: 16px 15px;
}
.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link:focus, .navbar .navbar-nav .nav-item .nav-link.active
{
	color: #F58634;
}
.navbar .navbar-nav .nav-item .dropdown-menu li a
{
	font-family:WorkSans-Regular;
	color: #003F72;
	font-size: 16px;
}
.navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar .navbar-nav .nav-item .dropdown-menu li a.active
{
	background-color: transparent;
	color: #F58634;
}
.navbar .navbar-nav .nav-item.login-item .login-btn
{
	background-color: transparent !important;
	display: flex;
	align-items: center;
	padding: 0;
}
.navbar .navbar-nav .nav-item.login-item .login-btn .login-image
{
	background-color: #F58634;
	height: 40px;
	width: 40px;
	border: 1px solid #F58634;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
	border-radius: 30px;
	overflow: hidden;
}
.navbar .navbar-nav .nav-item.login-item .login-btn:hover .login-image, .navbar .navbar-nav .nav-item.login-item .login-btn:focus .login-image, .navbar .navbar-nav .nav-item.login-item .login-btn.active .login-image
{
	background-color: #003F72;
	border: 1px solid #003F72;
	color: #F58634;
}
.navbar .navbar-nav .nav-item.login-item .login-btn i
{
	color: #ffffff;
	font-size: 20px;
}
body.scrolled .navbar
{
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999;
	padding: 5px 0;
	background-color: #fff;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
body.scrolled .navbar .navbar-body
{
	padding: 10px 0px;
}
body.scrolled .navbar .navbar-brand img
{
	width: 50%;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.home-page-carousel
{
	height: 500px;
	position: relative;
}
.home-page-carousel::before
{
	content: "";
	background-image: url(../../images/banner-bg.png);
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: contain;
	background-repeat: repeat-y;
	z-index: -1;
}
.carousel .carousel-inner .carousel-item
{
	padding-top: 50px;
	padding-bottom: 50px;
}
.btn-banner
{
	font-family: WorkSans-Regular;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 56px 12px 28px;
	border: 1px solid #004B8F;
	border-radius: 50px;
	background: transparent;
	color: #004B8F;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.btn-banner i
{
	position: absolute;
	right: -1px;
	width: 50px;
	height: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #004B8F;
	border-radius: 50%;
	font-size: 14px;
	color: #004B8F;
	transition: all 0.3s ease-in-out;
}
.btn-banner i::before
{
	display: inline-block;
	transition: transform 0.3s ease-in-out;
}
.btn-banner:hover, .btn-banner:focus, .btn-banner:active
{
	background-color: #004B8F;
	color: #fff;
}
.btn-banner:hover i
{
	background-color: #fff;
	color: #004B8F;
	border-color: #004C8C;
}
.btn-banner:hover i::before
{
	animation: moveArrowInfinite 0.8s ease-in-out infinite;
}
@keyframes moveArrowInfinite
{
	0%
	{
		transform: translateX(0);
	}
	50%
	{
		transform: translateX(6px);
	}
	100%
	{
		transform: translateX(0);
	}
}
.mainTitle
{
	font-family: WorkSans-Regular;
	font-size: 36px;
	line-height: 50px;
	color: #003F72;
}
.mainTitle b
{
	font-family: WorkSans-Bold;
}
.innerPageTitle
{
	font-family: WorkSans-Medium;
	font-size: 40px;
	line-height: 60px;
	color: #004B8F;
}
.whiteTitle
{
	color: #ffffff;
}
.mainSubTitle
{
	font-family: WorkSans-Regular;
	font-size: 24px;
	line-height: 30px;
	color: #003F72;
}
.mainText
{
	font-family: WorkSans-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #003F72;
}
.blueBox
{
	background-size: cover;
	padding: 50px;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: right top;
	z-index: -1;
}
.home-category-slider .item
{
	border-radius: 10px;
	overflow: hidden;
}
.categoryCard
{
	border: 0;
	border-radius: 10px;
	min-height: 400px;
	overflow: hidden;
	box-shadow: none;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
.categoryCard .card-body
{
	text-align: center;
}
.categoryCard .card-body h3
{
	font-family: WorkSans-Medium;
	font-size: 20px;
	line-height: 30px;
	color: #004B8F;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.categoryCard a:hover .card-body h3, .categoryCard a:focus .card-body h3
{
	color: #F58634;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.categoryCard .card-body .card-image-sec
{
	position: relative;
	height: 250px;
	width: 100%;
	border-radius: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.categoryCard .card-body .card-image-sec::before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: inherit;
	transition: transform .3s ease-in-out;
	transform: scale(1);
}
.categoryCard a:hover .card-body .card-image-sec::before, .categoryCard a:focus .card-body .card-image-sec::before
{
	transform: scale(1.1);
}
.owl-theme .owl-dots .owl-dot
{
	height: 13px;
}
.owl-theme .owl-dots .owl-dot span
{
	width: 30px;
	height: 1px;
	background: #3379B0;
	opacity: 0.7;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
{
	height: 3px;
	background: #3379B0;
	opacity: 1;
}
.home-partner-slider .owl-stage-outer
{
	margin-bottom: 0px;
}
.home-partner-slider .owl-stage-outer .item img
{
	border-radius: 10px;
	filter: grayscale(1);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.home-partner-slider .owl-stage-outer .item a:hover img, .home-partner-slider .owl-stage-outer .item a:focus img, .home-partner-slider .owl-stage-outer .item a:active img
{
	filter: grayscale(0);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.productCard
{
	border: 0;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: none;
	background-color: transparent;
}
.productCard img.card-img-top
{
	border-radius: 10px;
}
.productCard .card-body
{
	text-align: center;
	background-color: #E5EDF4;
	padding: 40px;
	position: relative;
	border-radius: 20px 20px 40px 20px;
	corner-bottom-right-shape: scoop;
}
.productCard .card-body .productImageDiv
{
	background-color: #ffffff;
	padding: 40px;
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
}
.productCard .card-body .productImageDiv img
{
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.productCard a:hover .card-body .productImageDiv img, .productCard a:focus .card-body .productImageDiv img, .productCard a:active .card-body .productImageDiv img
{
	transform: scale(1.1);
}
.productCard .card-body h3
{
	font-family: WorkSans-Medium;
	font-size: 32px;
	line-height: 1.2;
	margin-bottom: 20px;
	color: #004B8F;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.productCard .card-body p
{
	font-family: WorkSans-Regular;
	font-size: 16px;
	color: #3F454B;
	margin-bottom: 0;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.cardCircle
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 70px;
	height: 70px;
	z-index: 9;
	background-color: #00447d;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
.cardCircle .btn-circle
{
	background-color: #E5EDF4;
	color: #004B8F;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
a:hover .cardCircle .btn-circle, a:focus .cardCircle .btn-circle, a:active .cardCircle .btn-circle
{
	background-color: #F58634;
	color: #ffffff;
}
.cardCircle .btn-circle::after
{
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid rgba(227, 237, 244, 0.5);
	animation: rippleOuter 1.8s infinite ease-out;
	z-index: -1;
}
.productCard a:hover .card-body h3, .productCard a:focus .card-body h3
{
	color: #F58634;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.productSliderSec
{
	position: relative;
	height: 360px;
	border-radius: 50px;
}

.solutionCard
{
	border: 0;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: none;
	background-color: transparent;
}
.solutionCard .card-body
{
	background-color: #ffffff;
	text-align: start;
	padding: 30px;
	min-height: 280px;
	position: relative;
	z-index: 1;
	border-radius: 20px 20px 40px 20px;
	corner-bottom-right-shape: scoop;
}
.solutionCard .card-body img
{
	width: auto;
	margin-bottom: 50px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.solutionCard .card-body h3
{
	font-family: WorkSans-Medium;
	font-size: 24px;
	margin-bottom: 20px;
	color: #003F72;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.solutionCard a:hover .card-body h3, .solutionCard a:focus .card-body h3
{
	color: #ffffff;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.image-wrapper
{
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.solution-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(51, 121, 176, 0.7); /* #3379B0 with 70% opacity */
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
	pointer-events: none;
}
.image-wrapper:hover .solution-overlay, .image-wrapper:focus-within .solution-overlay
{
	opacity: 1;
	pointer-events: auto;
}
.overlay-icon
{
	color: #ffffff;
	font-size: 30px;
	transition: transform 0.3s ease;
}
.image-wrapper:hover .overlay-icon, .image-wrapper:focus-within .overlay-icon
{
	transform: scale(1);
	animation: productIconAnimation 2s ease infinite forwards;
}
@keyframes productIconAnimation
{
	0%
	{
		transform: scale(1);
	}
	50%
	{
		transform: scale(1.4);
	}
	100%
	{
		transform: scale(1);
	}
}
.homeAboutDesc
{
	padding: 50px;
}
.homeAboutContent h4
{
	font-family: WorkSans-Medium;
	font-size: 22px;
	line-height: 30px;
	color: #3F454B;
	margin-bottom: 20px;
}
.homeAboutContent h3
{
	font-family: WorkSans-Medium;
	font-size: 36px;
	line-height: 40px;
	color: #004B8F;
	margin-bottom: 20px;
}
.form-control, .form-select
{
	font-size: 16px;
	min-height: 50px;
	border-radius: 6px;
	border: 1px solid #D9D9D9 !important;
	color: #475467;
	border-radius: 10px;
	box-shadow: none !important;
}
label.error, .help-block
{
	font-size: 12px;
	color: #dc3545;
}
.getInTouchSec
{
	margin-bottom: 0px;
}
.getInTouchSec .getInTouchItem
{
	display: flex;
}
.getInTouchSec .getInTouchItem i
{
	font-size: 20px;
	line-height: 1.2;
	color: #6898BE;
	min-width: 30px;
}
.getInTouchSec .getInTouchItem p, .getInTouchSec .getInTouchItem a
{
	font-size: 14px;
	color: #475467;
}
.getInTouchSec .getInTouchItem a:hover, .getInTouchSec .getInTouchItem a:focus
{
	color: #F58634;
}
.footer-social
{
	display: flex;
	justify-content: flex-start;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}
.footer-social .nav-item .nav-link
{
	width: 30px;
	height: 30px;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
	color: #ffffff;
	border: 1px solid #A3A2A6;
	background-color: #A3A2A6;
}
.footer-social .nav-item .nav-link:hover, .footer-social .nav-item .nav-link:focus
{
	background-color: #F58634;
	border: 1px solid #F58634;
	color: #ffffff;
}
.footer-social .nav-item .nav-link i
{
	font-size: 14px;
}
.footerSec
{
	padding: 50px 0 !important;
	background-color: #004c8c;
}
.footerSec h3
{
	font-family: WorkSans-Medium;
	color: #ffffff;
	font-size: 26px;
	margin-bottom: 20px;
}
.footerSec ul
{
	padding: 0;
	list-style-type: none;
}
.footerSec ul li
{
	margin-bottom: 10px;
}
.footerSec ul li a
{
	font-size: 14px;
	color: #ffffff;
	line-height: 24px;
	display: inline-block;
}
.footerSec ul li a:hover, .footerSec ul li a:focus
{
	color: #F58634;
}
.footerSec p
{
	font-size: 14px;
	color: #475467;
	line-height: 22px;
}
#subscribeForm input
{
	font-size: 14px;
	color: #475467;
}
footer
{
	background-color: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px;
}
footer p
{
	color: #3F454B;
	font-size: 14px;
}
.inner-banner-section
{
	position: relative;
	height: 380px;
	width: 100%;
	overflow: hidden;
    background: linear-gradient(133deg,#c9d7e6,#f6f9fc,#c9d7e6,#f6f9fc);
    background-size: 200% 200%;
    animation: softMove 10s ease-in-out infinite alternate;
}
.inner-banner-section-2
{
	background-image: url('../../images/inner-background-round.png');
	background-size: contain;
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
}
.inner-banner-section .inner-banner-title h4
{
	font-family:WorkSans-Medium;
	font-size: 44px;
	line-height: 60px;
	color: #004B8F;
	margin-bottom: 0;
}
.inner-banner-section .inner-banner-title p
{
	font-family:WorkSans-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #E9E1D1;
	margin-bottom: 0;
}
.inner-banner-section .row
{
	height: 100%;
	display: flex;
	align-items: flex-end;
}
.inner-banner-section .inner-banner-title
{
	position: relative;
	display: flex;
	height: 100%;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
	align-content: flex-start;
	margin-bottom: 20px;
	z-index: 2;
}
.breadcrumb
{
	margin-bottom: 0;
}
.breadcrumb .breadcrumb-item a
{
	font-size: 16px;
	color: #475467;
}
.breadcrumb .breadcrumb-item a:hover, .breadcrumb .breadcrumb-item a:focus
{
	color: #003F72;
}
.breadcrumb .breadcrumb-item.active
{
	color: #003F72;
}

.list-group .list-group-item 
{
	background: transparent;
	color: white;
	border: none;
	cursor: pointer;
	padding-left: 30px;
	position: relative;
	border-bottom: 1px solid #216092;
	padding-top: 15px;
	padding-bottom: 15px;
}
.list-group .list-group-item:last-child
{
	border-bottom: 0;
}
.list-group-item.active
{
	background-color: transparent;
}
.list-group-item h3
{
	font-family: WorkSans-Medium;
	font-size: 24px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 0;
}
.list-group-item h3::before
{
	content: "●";
	color: white;
	margin-right: 10px;
	position: absolute;
	left: -25px;
}
.product-image img
{
	border-radius: 20px;
	max-width: 100%;
}
.list-group-item .list-description
{
	margin-top: 20px;
}
.list-group-item .list-description p
{
	font-family: WorkSans-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
}
.list-group-item .list-description .btn-banner
{
	color: #ffffff;
	border: none;
}
.list-group-item .list-description .btn-banner:hover, .list-group-item .list-description .btn-banner:focus
{
	color: #F58634;
}
.list-group-item .list-description .btn-banner::after
{
	content: '';
	background: #F58634;
	background: linear-gradient(90deg,rgba(245, 134, 52, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.list-group-item .list-description .btn-banner:hover::after, .list-group-item .list-description .btn-banner:focus::after, .list-group-item .list-description .btn-banner:focus-visible::after
{
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 134, 52, 1) 100%);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.productDescSec
{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	padding: 50px;
	border-radius: 50px;
	overflow: hidden;
}
.productDescSec .productDesContent
{
	background-color: #003e70b3;
	padding: 50px;
	border-radius: 50px;
	width: 40%;
}
.productDescSec .productDesContent h3
{
	font-family: WorkSans-Light;
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
	margin-bottom: 30px;
}
.productDescSec .productDesContent p
{
	font-family: WorkSans-Medium;
	font-size: 24px;
	line-height: 36px;
	color: #ffffff;
}

.webpageContent p, .webpageContent ul li, .webpageContent ol li, .webpageContent a
{
	font-family: WorkSans-Regular;
	font-size: 16px;
	color: #475467;
}
.webpageContent h1, .webpageContent h2, .webpageContent h3, .webpageContent h4, .webpageContent h5, .webpageContent h6
{
	font-family: WorkSans-Medium;
	color: #003F72;
}
.webpageContent p b, .webpageContent ul li b, .webpageContent ol li b
{
	color: #003F72;
}
.webpageContent ul
{
	margin-bottom: 0;
}
.webpageContent ul li, .webpageContent ol li
{
	margin-bottom: 5px;
}

.accordion-item
{
	background-color: transparent;
	border: none;
}
.accordion-button, .accordion-button:not(.collapsed)
{
	font-family: WorkSans-Medium;
	font-size: 24px;
	line-height: 30px;
	color: #003F72;
	padding: 15px 0;
	border-bottom: 1px solid #9CB1CE;
	background-color: transparent;
	box-shadow: none !important;
}
.menu-list
{
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.menu-list li
{
	border-bottom: none;
}
.menu-list > li > a.main-link
{
	font-family: WorkSans-Regular;
	font-size: 18px;
	line-height: 30px;
	display: block;
	padding: 5px 15px 5px 30px;
	color: #003F72;
	text-decoration: none;
	position: relative;
}
.menu-list > li > a.main-link.active
{
	font-weight: bold;
}
.menu-list li.has-submenu.active a.main-link, .menu-list li.has-submenu.active a.main-link.active
{
	font-weight: bold;
}

.menu-list > li > a.main-link::after
{
	/* content: '▾'; */
	content: '\F282';
	font-family: bootstrap-icons;
	font-size: 10px;
	position: absolute;
	left: 0;
	border: 1px solid #9CB1CE;
	line-height: 1;
	border-radius: 5px;
	height: 15px;
	width: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 12px;
	background-color: transparent;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.menu-list > li.active > a::after
{
	content: '\F286';
	background-color: #003F72;
	color: #ffffff;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.submenu
{
	display: none;
	list-style: none;
	padding-left: 20px;
	background-color: transparent;
	color: #475467;
}
.submenu li a
{
	position: relative;
	font-family: WorkSans-Regular;
	font-size: 16px;
	line-height: 36px;
	display: block;
	padding: 0px 15px;
	color: #475467;
	font-size: 14px;
	text-decoration: none;
}
.submenu li a:hover, .submenu li a:focus, .submenu li a.active
{
	color: #000000;
}
.submenu li a.active::before
{
	content: "●";
	color: #F58634;
	position: absolute;
	left: 0;
	font-size: 10px;
}
.search-input
{
	width: 0;
	opacity: 0;
	visibility: hidden;
	transition: width 0.4s ease, opacity 0.4s ease;
	position: absolute;
	left: 40px;
	top: -9px;
	height: 38px;
	margin-left: 10px;
	z-index: 1;
	pointer-events: none;
}
.search-input.active
{
	width: 400px;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.productFilterMenuHeader
{
	height: 61px;
	border-bottom: 1px solid #9CB1CE;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.btn-transparent
{
	font-size: 18px;
	padding: 3px 9px;
}
.mainProductCard
{
	background-color: #FFFFFF;
	border: 1px solid #E0E1E3;
	border-radius: 10px;
	overflow: hidden;
}
.mainProductCard .card-body
{
	padding: 20px;
	text-align: left;
}
.mainProductCard .card-body .card-title
{
	font-family: WorkSans-Bold;
	font-size: 20px;
	line-height: 30px;
	color: #003F72;
	margin-bottom: 10px;
}
.mainProductCard .card-body .card-text
{
	font-family: WorkSans-Regular;
	font-size: 16px;
	color: #475467;
	margin-bottom: 10px;
}
.mainProductCard .card-body .btnGroup
{
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.mainProductCard .card-body .btnGroup .btn-orange
{
	font-family: WorkSans-Regular;
	font-size: 16px;
	padding: 5px 15px;
	width: 100%;
}
.btn-inquiry
{
	font-family: WorkSans-Regular;
	font-size: 16px;
	background-color: #9CB1CE;
	color: #ffffff;
	padding: 5px 20px;
	border-radius: 30px;
	border: 1px solid #9CB1CE;
	width: 100%;
}
.btn-inquiry:hover, .btn-inquiry:focus, .btn-inquiry:active
{
	background-color: #003F72;
	color: #ffffff;
	border: 1px solid #003F72;
}

.mainProductCard .card-text
{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.3s ease;
}
#productContainer.grid-view .card-text
{
  -webkit-line-clamp: unset;
  display: block;
}

.productBlueBox
{
	background-size: cover;
	padding: 50px;
	border-radius: 50px;
	background-repeat: no-repeat;
	background-position: right top;
}

.industryCard
{
	border:0;
	background-color: #ffffff;
}
.industryCard .card-body
{
	padding: 20px;
}
.industryCard .card-body h3
{
	font-family: WorkSans-Regular;
	font-size: 16px;
	line-height: 30px;
	color: #003F72;
}
.industryCard .card-body .iconDiv
{
	height: 80px;
	width: 80px;
	border: 1px solid #C7CFD5;
	border-radius: 25px;
	margin: 0 auto 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.industryCard .card-body .iconDiv img
{
	width: 40px;
}
.productDetailPage .lSSlideOuter .lightSlider li
{
	overflow: hidden;
}
.productDetailPage .lSSlideOuter .lightSlider li img
{
	width: auto;
	/*max-width: -webkit-fill-available;*/
	margin: 0 auto;
	text-align: center;
}
.productDetailPage .lSSlideOuter.vertical .lSGallery
{
	position: absolute !important;
	left: 10px;
	top: 10px;
	bottom: 10px;
	height: 100% !important;
	margin-left: 0 !important;
}
.productDetailPage .lSSlideOuter .lSPager.lSGallery li
{
	height: 100px !important;
	width: 100px !important;
	border-radius: 10px;
	border: 1px solid #E1EBF3;
}
.productDetailPage .lSSlideOuter .lSPager.lSGallery li.active
{
	border: 1px solid #9CB1CE;
}
.productDetailPage .lSSlideOuter.vertical
{
	position: relative;
	padding-left: 120px;
	padding-right: 0 !important;
	background-color: #ffffff;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #E1EBF3;
}
.mainProductDesc h1
{
	font-family: WorkSans-Regular;
	font-size: 36px;
	line-height: 50px;
	color: #0D4578;
}
.mainProductDesc p
{
	color: #0D4578;
}
.mainProductCards
{
	background-color: transparent;
	border: 0;
}
.mainProductCards .card-body
{
	/*text-align: center;*/
	text-align: left;
}
.mainProductCards .card-body .card-image
{
	background-color: #E1EBF3;
	border: 1px solid #E1EBF3;
	border-radius: 25px;
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}
.mainProductCards .card-body .card-image img
{
	width: 40px;
	height: 40px;
}
.mainProductCards .card-body h4
{
	font-size: 16px;
	line-height: 22px;
	color: #ffffff;
	/* color: #0D4578; */
}
.mainProductCards .card-body.horizontal
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: left;
	padding: 10px 0;
}
.mainProductCards .card-body.horizontal .card-image
{
	margin: 0 10px 0 0;
	min-width: 80px;
}
.productDescPills .nav-pills
{
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid #9CB1CE;
	gap: 20px;
}
.productDescPills .nav-pills .nav-item .nav-link
{
	font-family: WorkSans-Regular;
	background-color: transparent;
	color: #0D4578;
	font-size: 18px;
	line-height: 30px;
	position: relative;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.productDescPills .nav-pills .nav-item .nav-link.active
{
	color: #F58634;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.productDescPills .nav-pills .nav-item .nav-link::after
{
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	left: 0;
	background-color: transparent;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.productDescPills .nav-pills .nav-item .nav-link.active::after
{
	background-color: #F58634;
}
.productDescPills .table thead tr:first-child th
{
	background-color: #003F72;
	color: #ffffff;
	border-top-right-radius: 10px;
	border: 1px solid transparent;
	border-top-left-radius: 10px;
}
.downloadSec
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
}
.downloadSec .downloadCard
{
	border: none;
	border-radius: 0px;
	box-shadow: none;
	background-color: transparent;
}
.downloadSec .downloadCard .card-body
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
	min-width: 300px;
	min-height: 120px;
	padding: 24px;
	border: 1px solid #C7CFD5;
	background-color: #ffffff;
	border-radius: 10px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.downloadSec .downloadCard .card-body h4
{
	font-family: WorkSans-Regular;
	font-size: 18px;
	margin-bottom: 0;
	color: #003F72;
}
.downloadSec .downloadCard a:hover .card-body, .downloadSec .downloadCard a:focus .card-body
{
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.brandInduAppSec
{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.brand-indu-app-item
{
	width: calc(100% / 5 - 20px);
	box-sizing: border-box;
}
.productDescPills .tab-content .tab-pane p, .productDescPills .tab-content .tab-pane ul li, .productDescPills .tab-content .tab-pane ol li, table tr th, table tr td
{
	font-family: WorkSans-Regular;
	font-size: 16px;
	line-height: 30px;
}
.solutionCard p
{
	margin-bottom: 0;
}

.softwareBGSec
{
	background-size: cover;
	padding: 50px;
	border-radius: 50px;
	background-repeat: no-repeat;
	background-position: right top;
}
.cardSoftware
{
	border: 0;
	border-radius: 10px;
	overflow: hidden;
	height: 100%;
}
.cardSoftware .card-body
{
	padding: 30px;
	text-align: center;
}
.cardSoftware .card-body .img-sec
{
	width: 80px;
	height: 80px;
	border-radius: 10px;
	border: 1px solid #C7CFD5;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px;
}
.cardSoftware .card-body .img-sec img
{
	width: 40px;
}
.cardSoftware .card-body h3
{
	font-size: 24px;
	line-height: 30px;
	color: #003F72;
}
.cardSoftware .card-body p, .cardSoftware .card-body ul li, .cardSoftware .card-body ol li
{
	font-size: 16px;
	line-height: 26px;
	color: #475467;	
	margin-bottom: 0;
}
.cardCounter
{
	border: 0;
	border-radius: 10px;
	overflow: hidden;
	height: 100%;	
}
.cardCounter .card-body
{
	padding: 30px;
	text-align: center;
}
.cardCounter .card-body h3
{
	font-size: 36px;
	line-height: 50px;
	color: #003F72;
}
.cardCounter .card-body p
{
	margin-bottom: 0;
}
.inquirySection
{
	padding: 50px;
	border-radius: 50px 50px 0 0;
	background-color: #3379B0;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.inquirySection h3
{
	font-size: 36px;
	line-height: 50px;
	color: #ffffff;
	margin-bottom: 0;
}
.webpageContent.text-white *
{
	color: #ffffff;
}
.backgroundImageClass
{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}

.aboutMapSec
{
	padding: 50px;
	border-radius: 50px 50px 0 0;
	background-color: #3379B0;
}
.aboutMapSec h3
{
	font-size: 36px;
	line-height: 50px;
	color: #ffffff;
}
.aboutMapSec p, .aboutMapSec ul li, .aboutMapSec ol li
{
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
}
.aboutMapSec ul, .aboutMapSec ol
{
	column-count: 3;
	gap: 40px;
}
.aboutMapSec ul li, .aboutMapSec ol li
{
	margin-bottom: 5px;
}
.contactCard
{
	border: 0;
	border-radius: 10px;
	overflow: hidden;
	height: 100%;	
}
.contactCard .card-body
{
	padding: 0px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
.contactCard .card-body .img-sec
{
	width: 80px;
	height: 80px;
	border-radius: 20px;
	border: 1px solid #C7CFD5;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 20px 0 0;
}
.contactCard .card-body .img-sec img
{
	width: 40px;
}
.contactCard .card-body h3
{
	font-size: 24px;
	line-height: 30px;
	color: #003F72;
	margin-bottom: 20px;
	min-height: 30px;
}
.contactCard .card-body p, .contactCard .card-body a
{
	font-size: 16px;
	line-height: 26px;
	color: #475467;
	margin-bottom: 0;
}
.contactCard .card-body .rightSec
{
	min-height: 80px;
}
.contactCard .card-body .rightSec p span
{
	font-family: WorkSans-Medium;
	font-size: 16px;
	color: #003F72;
	position: relative;
	min-width: 100px;
	display: inline-block;
	margin-right: 10px;
}
.contactCard .card-body .rightSec p span::after
{
	content: ":";
	position: absolute;
	right: -5px;
	font-size: 16px;
	color: #003F72;
}
.contactCard .card-body .rightSec a:hover, .contactCard .card-body .rightSec a:focus
{
	color: #F58634;
}

.contactAddressBGSec
{
	background-size: cover;
	padding: 50px;
	border-radius: 50px;
	background-repeat: no-repeat;
	background-position: right top;	
}
.address1
{
	display: flex;
	justify-content: center;
	align-items: center;
}
.address1 .img-sec
{
	width: 80px;
	height: 80px;
	border-radius: 20px;
	border: 1px solid #C7CFD5;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 20px 0 0;
	background-color: #ffffff;
}
.address1 .img-sec img
{
	width: 40px;
}
.addressCard
{
	border: 0;
	border-radius: 10px;
	height: 100%;
	position: relative;
}
.addressCard::before
{
	content: "";
	position: absolute;
	top: 0;
	right: -13px;
	border-right: 1px solid #E1EBF3;
	height: 95%;
	width: 100%;
	z-index: 0;
}
.addressCard::after
{
	content: "";
	position: absolute;
	bottom: -6px;
	left: 10px;
	border-bottom: 1px solid #E1EBF3;
	height: 100%;
	width: 95%;
	z-index: 0;
}
.addressCard .card-body
{
	padding: 20px;
	z-index: 9999;
}
.addressCard .card-body .leftSec
{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.addressCard .card-body .img-sec
{
	margin: 0 20px 0 0;
}
.addressCard .card-body .img-sec img
{
	width: 40px;
}
.addressCard .card-body h3
{
	font-size: 24px;
	line-height: 30px;
	color: #003F72;
	margin-bottom: 0px;
}
.addressCard .card-body p
{
	font-size: 16px;
	line-height: 26px;
	color: #475467;
	margin-bottom: 0;
}
.iti
{
	width: 100%;
}
.iti__country-container
{
	border-radius: 10px 0 0 10px;
}
.iti__country-container .iti__selected-country
{
	padding: 10px;
	background-color: #E1EBF3;
	border-radius: 10px 0 0 10px;
	height: 48px;
}
.iti .iti__selected-dial-code
{
	color: #8F8F8F;
}
.blogCard
{
	border: 0;
	border-radius: 10px;
}
.blogCard .card-body
{
	padding: 20px;
}
.blogCard .card-body h6
{
	font-family: WorkSans-Medium;
	font-size: 16px;
	color: #475467;
}
.blogCard .card-body h5
{
	font-family: WorkSans-Medium;
	font-size: 20px;
	color: #475467;
	margin-bottom: 15px;
}
.btn-blog
{
	font-family: WorkSans-Medium;
	font-size: 16px;
	background-color: #9CB1CE;
	color: #ffffff;
	padding: 8px 20px;
	border: 1px solid #9CB1CE;
	border-radius: 30px;
}
.btn-blog:hover, .btn-blog:focus
{
	background-color: #003F72;
	color: #ffffff;
	border: 1px solid #003F72;
}
.careerSec
{
	background-color: #E1EBF3;
	padding: 50px;
	border-radius: 50px;
}
input[type="file"]::file-selector-button
{
	height: 50px;
}
.careerSec .btn-blog
{
	padding: 12px 30px;
}
.careerSec .iti__country-container .iti__selected-country
{
	background-color: #ffffff;
}
.iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel]
{
	margin-bottom: 20px;
}



.page-404-banner .page-404-content .numberImage
{
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-404-banner .page-404-content .numberImage h1
{
	font-size: 200px;
	line-height: 1;
	color: #ffffff;
}
.page-404-banner .page-404-content h2, .page-404-banner .page-404-content p
{
	color: #ffffff;
}
.page-404-banner .page-404-content .numberImage img
{
	animation: rotate 5s linear infinite;
}
@keyframes rotate
{
	from {
		transform: rotateY(0deg);
	}
	to {
		transform: rotateY(360deg);
	}
}


body.dark-theme
{
	color: #ffffff;
}
body.dark-theme .navbar .navbar-nav .nav-item .nav-link
{
	color: #ffffff;
}
body.dark-theme.scrolled .navbar
{
	background-color: #08253C;
}
body.dark-theme .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle::after
{
	border-top: .3em solid #F58634;
}
body.dark-theme .carousel .carousel-inner .carousel-item .carousel-caption h2
{
	color: #F58634;
}
body.dark-theme .carousel .carousel-inner .carousel-item .carousel-caption p
{
	color: #ffffff;
}
body.dark-theme .bg-azureish-white
{
	background-color: #08253C;
}
body.dark-theme .mainTitle
{
	color: #ffffff;
}
body.dark-theme .mainText
{
	color: #ffffff;
}
body.dark-theme .solutionCard .card-body h3
{
	color: #ffffff;
}
body.dark-theme .footerSec h3
{
	color: #F58634;
}
body.dark-theme .footerSec ul li a, body.dark-theme .footerSec p, body.dark-theme .getInTouchSec .getInTouchItem p, body.dark-theme .getInTouchSec .getInTouchItem a
{
	color: #ffffff;
}
body.dark-theme .footerSec ul li a:hover, body.dark-theme .footerSec ul li a:focus, body.dark-theme .getInTouchSec .getInTouchItem a:hover, body.dark-theme .getInTouchSec .getInTouchItem a:focus
{
	color: #F58634;
}
body.dark-theme footer
{
	background-color: #163753;
}
.homepageBanner
{
	height: 600px;
	padding-top: 50px;
	position: relative;
}
.homepageBanner .bannerContentText
{
	padding-top: 50px;
}
.homepageBanner .bannerContentText h2
{
	font-family: WorkSans-Medium;
	font-size: 60px;
	line-height: 78px;
	color: #004B8F;
}
.homepageBanner .bannerContentText p
{
	font-family: WorkSans-Regular;
	font-size: 20px;
	line-height: 28px;
	color: #3F454B;
	padding-right: 100px;
	margin-bottom: 40px;
}
.bannerContentImages
{
	display: flex;
	justify-content: space-between;
	position: relative;
	height: 360px;
}
.bannerContentImages .image-item
{
	position: absolute;
}
.bannerContentImages .image-item:nth-child(odd) { bottom: 0; }
.bannerContentImages .image-item:nth-child(even) { top: -20px; }
.bannerContentImages .image-item:nth-child(1) { left: -6%; }
.bannerContentImages .image-item:nth-child(2) { left: 14%; }
.bannerContentImages .image-item:nth-child(3) { left: 34%; }
.bannerContentImages .image-item:nth-child(4) { left: 54%; }
.bannerContentImages .image-item:nth-child(5) { left: 74%; }
.bannerContentImages .image-item a
{
	position: relative;
	display: block;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}
.bannerContentImages .image-item a::before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px dashed transparent;
	background: conic-gradient(from 0deg, #fff 0deg, #fff 90deg, transparent 90deg 360deg);
	mask: radial-gradient(farthest-side, transparent calc(100% - 2px), black calc(100% - 2px));
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), black calc(100% - 2px));
	z-index: 1;
	opacity: 0;
	transform: rotate(0deg);
	transition: opacity 0.3s ease;
	pointer-events: none;
}
.bannerContentImages .image-item a:hover::before, .bannerContentImages .image-item a:focus::before
{
	opacity: 1;
	animation: draw-circle 1.5s linear infinite;
}
@keyframes draw-circle
{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.bannerContentImages .flip-box
{
	width: 100%;
	height: 100%;
	perspective: 1000px;
	border-radius: 50%;
	overflow: hidden;
}
.bannerContentImages .flip-inner
{
	width: 100%;
	height: 100%;
	transition: transform 0.6s ease-in-out;
	transform-style: preserve-3d;
	position: relative;
	border-radius: 50%;
}
.bannerContentImages .image-item:hover .flip-inner, .bannerContentImages .image-item:focus .flip-inner
{
	transform: rotateY(180deg);
}
.flip-front, .flip-back
{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	border-radius: 50%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.flip-front img, .flip-back img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 50%;
}
.flip-back
{
	transform: rotateY(180deg);
	background-color: #000;
	z-index: 2;
	position: relative;
}
.flip-back .overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(8, 37, 60, 0.5);
	z-index: 1;
	border-radius: 50%;
}
.bannerContentImages .image-item a h4
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: WorkSans-Medium;
	font-size: 16px;
	color: #ffffff;
	margin: 0;
	text-align: center;
	z-index: 3;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}
.bannerContentImages .image-item:hover a h4, .bannerContentImages .image-item:focus a h4
{
	opacity: 1;
}
body.dark-theme .bg-white
{
	background-color: #163753 !important;
}
body.dark-theme p
{
	color: #ffffff;
}
body.dark-theme .breadcrumb .breadcrumb-item a, body.dark-theme .breadcrumb-item+.breadcrumb-item::before
{
	color: #475467;
}
body.dark-theme .breadcrumb .breadcrumb-item.active
{
	color: #F58634;
}
body.dark-theme .mainSubTitle
{
	color: #F58634;
}
body.dark-theme .cardCounter .card-body p
{
	color: #475467;
}
body.dark-theme .contactCard
{
	background-color: transparent;
}
body.dark-theme .contactCard .card-body h3
{
	color: #F58634;
}
body.dark-theme .contactCard .card-body p, body.dark-theme .contactCard .card-body a
{
	color: #ffffff;
}
body.dark-theme .contactCard .card-body .rightSec p span, body.dark-theme .contactCard .card-body .rightSec p span::after
{
	color: #ffffff;
}
body.dark-theme .contactCard .card-body .img-sec img
{
	filter: invert(70%) sepia(46%) saturate(4620%) hue-rotate(339deg) brightness(103%) contrast(92%);
}
body.dark-theme .contactAddressBGSec .bg-white
{
	background-color: transparent !important;
}
body.dark-theme .addressCard::after
{
	bottom: -13px;
}
body.dark-theme .color-steel-blue
{
	color: #F58634;
}
body.dark-theme .webpageContent h1, body.dark-theme .webpageContent h2, body.dark-theme .webpageContent h3, body.dark-theme .webpageContent h4, body.dark-theme .webpageContent h5, body.dark-theme .webpageContent h6
{
	color: #F58634;
}
body.dark-theme .accordion-button, body.dark-theme .accordion-button:not(.collapsed), body.dark-theme .menu-list > li > a.main-link, body.dark-theme .submenu li a
{
	color: #ffffff;
}
body.dark-theme .productFilterMenuHeader .btn i, body.dark-theme .productFilterMenuHeader .btn:hover i, body.dark-theme .productFilterMenuHeader .btn:focus i
{
	color: #ffffff;
}
body.dark-theme .footerSec
{
	background-color: #08253C;
}
.bg-space-cadet
{
	background-color: #163753 !important;
}
body.dark-theme .bg-maastricht-blue
{
	background-color: #08253C !important;
}
.search-seaction .search-form {
	position: relative;
	margin: 0 10px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	transition: width 0.4s ease;
}

.search-seaction .search-form input
{
	opacity: 0;
	min-height: 40px;
	position: absolute;
	right: 0;
	border: 1px solid #ccc;
	border-radius: 24px;
	padding: 0;
	background: #fff;
	width: 0;
	transition: width 0.4s ease, opacity 0.4s ease;
	z-index: 1;
}
.search-seaction .search-form.expanded input
{
	width: 300px;
	opacity: 1;
	padding: 5px 15px;
}

.search-seaction .search-form .btn-search {
	background-color: #E1EBF3;
	padding: 5px;
	min-width: 40px;
	min-height: 40px;
	border-radius: 50%;
	color: #003F72;
	transition: background-color 0.3s, color 0.3s;
	position: relative;
	z-index: 2;
}

.search-seaction .search-form .btn-search:hover,
.search-seaction .search-form .btn-search:focus {
	background-color: #F58634;
	color: #ffffff;
}

.navbar .navbar-nav .nav-item.login-item .login-btn:hover, .navbar .navbar-nav .nav-item.login-item .login-btn:focus, .navbar .navbar-nav .nav-item.login-item .login-btn.active
{
	background-color: #E1EBF3;
	color: #F58634;
}
.navbar .navbar-nav .nav-item.login-item .login-btn:hover i, .navbar .navbar-nav .nav-item.login-item .login-btn:focus i
{
	color: #F58634;
}


.dropdown-mega
{
	position: static;
}
.dropdown-mega .dropdown-menu
{
	width: 100%;
	left: 0;
	top: 100%;
	border: none;
	padding: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 20px;
	background-color: #004b8fe6;
	overflow: hidden;
}
.nav-pills .nav-link
{
	cursor: pointer;
}
.tab-content > .tab-pane
{
	display: none;
}
.tab-content > .tab-pane.active
{
	display: block;
}
.dropdown-mega .leftSide
{
	background-color: #E1EBF3;
	padding: 0;
}
.dropdown-mega .dropdown-menu .mega-content .nav-pills .nav-link
{
	background-color: transparent;
	color: #003F72 !important;
	border-radius: 0;
	position: relative;
}
.dropdown-mega .dropdown-menu .mega-content .nav-pills .nav-link i
{
	display: none;
	position: absolute;
	right: 10px;
	top: 8px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.dropdown-mega .dropdown-menu .mega-content .nav-pills .nav-link.active, .dropdown-mega .dropdown-menu .mega-content .nav-pills .nav-link:hover, .dropdown-mega .dropdown-menu .mega-content .nav-pills .nav-link:focus
{
	background-color: #ffffff;	
	color: #003F72 !important;
	border-radius: 0;
}
.dropdown-mega .dropdown-menu .mega-content .nav-pills .nav-link.active i, .dropdown-mega .dropdown-menu .mega-content .nav-pills .nav-link:hover i, .dropdown-mega .dropdown-menu .mega-content .nav-pills .nav-link:focus i
{
	display: block;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.dropdown-mega .dropdown-menu .mega-content .rightSide
{
	padding: 0px;
}
.dropdown-mega .dropdown-menu .mega-content .rightSide .tab-content .tab-pane
{
	padding: 50px;
}
.dropdown-mega .dropdown-menu .mega-content .rightSide .tab-content
{
	padding: 0px;
	/* min-height: 500px; */
}
.dropdown-mega .dropdown-menu .mega-content .rightSide .tab-content h5
{
	color: #003F72;
	font-size: 24px;
}
.dropdown-mega .dropdown-menu .mega-content .rightSide .tab-content h6
{
	color: #003F72;
	font-size: 18px;
}
.dropdown-mega .dropdown-menu .mega-content .rightSide .tab-content p
{
	color: #475467;
	font-size: 16px;
}
.dropdown-mega .dropdown-menu .mega-content .rightSide .subMegaMenu
{
	padding-left: 0;
	list-style-type: none;
}
.dropdown-mega .dropdown-menu .mega-content .rightSide .subMegaMenu li a
{
	color: #475467;
	font-size: 16px;
	margin-bottom: 5px;
	display: block;
}
.dropdown-mega .dropdown-menu .mega-content .rightSide .subMegaMenu li a:hover, .dropdown-mega .dropdown-menu .mega-content .rightSide .subMegaMenu li a:focus, .dropdown-mega .dropdown-menu .mega-content .rightSide .subMegaMenu li a.active
{
	color: #003F72;
}
.mainMegaSubMenuContent
{
	position: relative;
}
.mainMegaSubMenuContent img
{
	position: relative;
	bottom: 0;
	right: 0;
	width: 50%;
	display: block;
	text-align: right;
	margin-left: auto;
}
.webpageContent p:last-child
{
	margin-bottom: 0;
}

#productInquiryForm .form-group, #requestQuoteForm .form-group
{
	margin-bottom: 15px;
}
.mainProductDesc .mainProductTopSec
{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.productDescPills .table-responsive
{
	column-count: 2;
}
.productDescPills .table-responsive .table>:not(caption)>*>*
{
	padding: 10px 15px;
}
.productDescPills .table-responsive .table>:not(caption)>*>*
{
	background-color:  #FFFFFF;
}
.productDescPills .table-responsive .table 
{
	overflow: hidden;
	/*border-radius: 10px;*/
	border: 1px solid #004070 !important;
}
.productDescPills .table-responsive .table tr, .productDescPills .table-responsive .table tr td
{
	border: 1px solid #004070 !important;
}
#openVideoModal .modal-dialog
{
	max-width: 60%;
	top: 10%;
	padding: 0;
	border-radius: 0;
}
#openVideoModal .modal-dialog .modal-body
{
	padding: 0;
}
#openVideoModal .embed-responsive .embed-responsive-item
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 460px;
	border: 0;
	object-fit: fill;
	border: none;
	outline: none;
	box-shadow: none;
}
.productDetailPage .lSSlideOuter .lightSlider li a
{
	display: flex;
	align-items: center;
	height: 100%;
}
body.dark-theme .menu-list > li > a.main-link.active, body.dark-theme .menu-list .has-submenu.active a.main-link, body.dark-theme .menu-list .has-submenu.active .submenu li a.active
{
	color: #F58634;
}
.partnerForm .form-group .form-label, .partnerForm p, .partnerForm a
{
	color: #003F72 !important;
}
.partnerForm a:hover, .partnerForm a:focus
{
	color: #F58634 !important;
}
.iti__country-list .iti__flag, .iti__country-name
{
	color: #003F72;
}
.mainProductDesc .mainProductTopSec .rightSec img
{
	width: 130px;
	margin-right: 20px;
}
body.dark-theme .webpageContent a, body.dark-theme .webpageContent ul li, body.dark-theme .webpageContent ol li
{
	color: #ffffff;
}

.eventCard
{
	border: none;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
}
.eventCard .card-body
{
	padding: 20px;
}
.eventCardImage img
{
	height: 100%;
	object-fit: cover;
	filter: grayscale(0);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.eventCard .card-body p
{
	color: #475467;
	font-size: 16px;
}
.eventCard .card-body h5
{
	color: #003F72;
	font-family: WorkSans-Medium;
	font-size: 20px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.eventCard .eventCardImage .eventCardImageCont
{
	position: absolute;
	background-color: #F58634;
	padding: 5px;
	border-radius: 5px;
	top: 10px;
	left: 10px;
	color: #ffffff;
	font-size: 14px;
}
.eventCard .card-body p.card-date
{
	font-size: 14px;
	color: #475467;
	margin-bottom: 10px;
}
.eventCard:hover .eventCardImage img, .eventCard:focus .eventCardImage img
{
	filter:grayscale(1);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.eventCard:hover .card-title
{
	color: #F58634;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.eventGallerySec .lSSlideOuter .lightSlider li
{
	border-radius: 10px;
	overflow: hidden;
}
.eventGallerySec .lSSlideOuter .lSGallery li
{
	border-radius: 5px !important;
	overflow: hidden;
}
.eventGallerySec .lSSlideOuter .lSGallery li img
{
	width: auto;
	height: 50px;
}


.careerCard
{
	border: 0;
	box-shadow: none;
	background-color: #E1EBF3;
	border-radius: 20px;
	height: 100%;
}
.careerCard .card-body
{
	padding: 40px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}
.careerCard .card-body h3
{
	font-family: WorkSans-Medium;
	font-size: 26px;
	color: #0D4578;
	margin-bottom: 20px;
	line-height: auto;
}
.careerCard .card-body p
{
	margin-bottom: 20px;
	color: #475467;
}


.softwareCard
{
	border: 0;
	box-shadow: none;
	background-color: #ecf0f5;
	border-radius: 20px;
	height: 100%;
}
.softwareCard .card-body
{
	padding: 40px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.softwareCard .card-body .imageSec
{
	min-height: 80px;
}
.softwareCard .card-body h5
{
	font-family: WorkSans-Medium;
	font-size: 20px;
	color: #003F72;
	margin-bottom: 15px;
	line-height: auto;
}
.softwareCard .card-body p
{
	margin-bottom: 20px;
	color: #475467;
}
.accordion-button::after
{
	background-image: none;
	content: "\F282";
	font-family: bootstrap-icons!important;
	font-size: 18px;
	color: #003F72;
}
.accordion-button:not(.collapsed)::after
{
	background-image: none;
	transform: rotate(-180deg);
}
.dark-theme .accordion-button::after
{
	color: #ffffff;
}

.page-pagination
{
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 15px;
}
.page-pagination .pagination
{
	margin-bottom: 0;
	gap: 10px;
}
.page-pagination .pagination .page-item .page-link
{
	border: 1px solid #d0d3d7;
	color: #4b4b4b;
	min-width: 35px;
}
.page-pagination .pagination .page-item.active .page-link
{
	border: 1px solid #F58634;
	background: #F58634;
	color: #ffffff;
	min-width: 35px;
}
.page-pagination .pagination .page-item:first-child .page-link, .page-pagination .pagination .page-item:last-child .page-link
{
	border-radius: 0;
	min-width: 35px;
}



.blogCard
{
	border: none;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
}
.blogCard .card-body
{
	padding: 20px;
}
.blogCard .card-body img
{
	border-radius: 10px;
	margin-bottom: 15px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.blogCard .card-body p
{
	color: #475467;
	font-size: 16px;
}
.blogCard .card-body h5
{
	color: #003F72;
	font-family: WorkSans-Medium;
	font-size: 18px;
	min-height: 50px;
	line-height: 1.3;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.blogCard .card-body p.card-date
{
	font-size: 14px;
	color: #475467;
	margin-bottom: 10px;
}

.blogCard:hover img, .blogCard:focus img
{
	filter:grayscale(1);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.blogCard:hover .card-title
{
	color: #F58634;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.blogCard .card-body .btn-inquiry
{
	display: inline-block;
	width: auto;
}
.blogCard .card-body .btn-inquiry:hover, .blogCard .card-body .btn-inquiry:focus
{
	background-color: #003F72;
	color: #ffffff;
	border: 1px solid #003F72;
}
.text-align-justify *
{
	text-align: justify;
}
.text-align-justify a
{
	color: #F58634;
}
.text-align-justify a:hover, .text-align-justify a:focus
{
	color: #003F72;
}



.footerFixedButtonsSec
{
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: block;
	z-index: 99;
	-webkit-transform: translateY(50%);
	transform: translateY(150%);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-fixed
{
	z-index: 99;
	opacity: 0.5;
	border-radius: 25px;
	width: 40px;
	height: 40px;
	line-height: 28px;
	text-align: center;
	background-color: #ffffff;
}
.btn-fixed:hover, .btn-fixed:focus
{
	background-color: #ffffff;
	color: #F58634;
	opacity: 1;
}
.footerFixedButtonsSec.show
{
	display: block;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

.btn-whatsapp
{
	background-color: #25d366;
	color: #ffffff;
}
.btn-whatsapp:hover, .btn-whatsapp:focus, .btn-whatsapp:active
{
	background-color: #25d366 !important;
	color: #ffffff !important;
}
.btn-contact
{
	background-color: #08B7F7;
	color: #ffffff;
}
.btn-contact:hover, .btn-contact:focus
{
	background-color: #08B7F7;
	color: #ffffff;
}
/* Wrapper for contact button and dropdown */
.contactWrapper {
    position: relative;
    display: inline-block;
}
.supportList
{
	position: absolute;
	right: 0px;
	bottom: 50px;
	width: 220px;
	background: #ffffff;
	padding: 0;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	display: none;
	z-index: 999999;
	opacity: 1;
}
.supportList li
{
	display: flex;
	justify-content: space-between;
	padding: 8px 12px;
	border-bottom: 1px solid #f0f0f0;
	align-items: center;
}
.supportList .c-lt p
{
	margin-bottom: 5px;
}
.supportList li:last-child
{
    border-bottom: none;
}
.c-text1
{
    font-size: 14px;
    font-weight: 600;
}
.c-text2
{
    font-size: 12px;
    color: #777;
	margin-bottom: 0;
}
.c-gt i
{
    font-size: 18px;
}
.contactWrapper:hover .supportList, .contactWrapper:focus .supportList, .contactWrapper:active .supportList
{
    display: block;
	margin-bottom: 0;
}
.supportList::after
{
	content: "";
	position: absolute;
	bottom: -10px;
	right: 14px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ffffff;
	filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.15));
}



.webpageContent img
{
	border-radius: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu
{
	position: absolute;
	top: 55px;
	box-shadow: none;
	border: none;
	border-radius: 10px;
}
.navbar-expand-lg .navbar-nav .dropdown-mega .dropdown-menu
{
	border-radius: 20px;
	padding: 40px;
	width: 98%;
	margin: 0 auto;
}
.dropdown-mega .dropdown-menu
{
	top: 65px !important;
}
.whyMivantaContent p, .whyMivantaContent ul li, .whyMivantaContent ol li, .whyMivantaContent a
{
	font-family: WorkSans-Regular;
	font-size: 16px;
	color: #475467;
}
.why-mivanta-image-box
{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.owl-theme .owl-nav
{
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: 50px;
    width: 100%;
    z-index: 0;
}
.owl-theme .owl-nav button.owl-prev
{
    position: relative;
    float: left;
    left: 0;
    border: none;
    z-index: 9999;
    display: block;
}
.owl-theme .owl-nav button.owl-next
{
    position: relative;
    float: right;
    right: 0;
    border: none;
    z-index: 9999;
    display: block;
}
.owl-theme .owl-nav button
{
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    background-color: #F58634 !important;
    opacity: 0.5 !important;
}
.owl-theme .owl-nav button:hover, .owl-theme .owl-nav button:focus
{
    opacity: 1 !important;
}

.mainProductCards .card-body h4.blueText
{
    color: #0D4578;
}



/* NEW CSS */
.navbar .navbar-body
{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	border-radius: 50px;
	background-color: transparent;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.navbar .navbar-body .navbar-brand img
{
	width: 150px;
}
.homepageBanner
{
	width: 100%;
	height: 100vh;
	background: linear-gradient(133deg,#c9d7e6, #f6f9fc, #c9d7e6, #f6f9fc);
	background-size: 200% 200%;
	animation: softMove 10s ease-in-out infinite alternate;
}
.homepageNewBanner
{
	background: linear-gradient(133deg,#f1f4fd, #f2f5fd, #f3f6fd, #f4f7fd, #f5f8fd);
	background-size: 200% 200%;
	animation: softMove 10s ease-in-out infinite alternate;
}
@keyframes softMove
{
	0% {
	background-position: 0% 50%;
	}
	50% {
	background-position: 100% 50%;
	}
	100% {
	background-position: 0% 50%;
	}
}
.navbar
{
	position: fixed;
	top: 10px;
	left: 0;
	right: 0;
	z-index: 9;
}
.homepageBanner
{
	padding-top: 150px;
}
.navbar .social-section .btn-whatsapp
{
	border-radius: 50%;
}
.homepageBanner .bannerContentText
{
    padding-top: initial;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.carousel .carousel-inner .carousel-item img
{
	position: relative;
	top: 0;
	right: 0;
	opacity: 1;
	border-radius: 20px 20px 20px 40px;
	corner-bottom-left-shape: scoop;
}
.carousel .carousel-inner .carousel-item
{
	padding-top: 0;
	padding-bottom: 0;
}
.carousel .carousel-inner .carousel-item .carousel-caption
{
	position: absolute;
	height: auto;
	width: auto;
	left: 30px;
	top: 30px;
	text-align: left;
	bottom: auto;
	right: auto;
	background-color: #ffffff;
	padding: 8px 20px;
	border-radius: 10px;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.carousel .carousel-inner .carousel-item .carousel-caption h5
{
	font-family: WorkSans-Regular;
	font-size: 20px;
	color: #004B8F;
	line-height: 30px;
	margin-bottom: 0;
	padding-left: 20px;
	position: relative;
}
.carousel .carousel-inner .carousel-item .carousel-caption h5::before
{
	content: "●";
	position: absolute;
	left: 0;
}
.carousel .carousel-inner .carousel-item .carousel-link-section
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #B8CCDE;
	display: flex;
	justify-content: center;
	align-items: center;
}
.carousel .carousel-inner .carousel-item .carousel-link-section .btn-carousel
{
	background-color: #004B8F;
	color: #ffffff;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
}
.carousel .carousel-inner .carousel-item .carousel-link-section .btn-carousel:hover, .carousel .carousel-inner .carousel-item .carousel-link-section .btn-carousel:focus, .carousel .carousel-inner .carousel-item .carousel-link-section .btn-carousel:active
{
	background-color: #F58634;
	color: #ffffff;
}
.carousel .carousel-inner .carousel-item .carousel-link-section .btn-carousel::after
{
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid rgba(0, 75, 143, 0.5);
	animation: rippleOuter 1.8s infinite ease-out;
	z-index: -1;
}
@keyframes rippleOuter
{
	0%
	{
		transform: scale(1);
		opacity: 0.6;
	}
	100%
	{
		transform: scale(1.5);
		opacity: 0;
	}
}
.carousel-inner
{
	overflow: visible;
}

.backgroundCover
{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.backgroundContain
{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.solutionCard .cardCircle
{
	background-color: #e3edf4;
}
.solutionCard .cardCircle .btn-circle
{
	background-color: #003F72;
	color: #ffffff;
}

.footerSec .firstFooter
{
	padding-bottom: 20px;
}
.footerSec .border-bottom
{
	border-bottom: 1px solid #0064BF !important;
}
.footerSec .firstFooter img
{
	width: 220px;
}
.footerSec .firstFooter h3
{
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 10px;
}
.footerSec .firstFooter p
{
	margin-bottom: 0px;
}
.subscription-group
{
	width: 100%;
	max-width: 100%;
	border-radius: 50px; 
	overflow: hidden;
	background-color: #ABC1D5;
	padding: 5px;
	display: flex;
	align-items: center;
}
.subscription-input
{
	flex-grow: 1;
	border: none;
	background-color: transparent;
	padding: 10px 20px;
	font-size: 16px;
	color: var(--dark-blue);
}
.subscription-input:focus
{
	outline: none;
}
.subscription-input::placeholder
{
	color: rgba(0, 0, 0, 0.4); 
}
.subscription-button
{
	width: auto; 
	background-color: #003F72; 
	color: #ffffff;
	border: none;
	padding: 8px 20px; 
	font-size: 16px;
	cursor: pointer;
	border-radius: 50px; 
	height: 100%; 
}
.subscription-button:hover
{
	filter: brightness(1.1);
}
.helpContent
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.helpContent h3
{
	font-family: WorkSans-Medium;
	font-size: 26px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 0;
}
.helpContent .getInTouchItem
{
	display: flex;
	align-items: center;
}
.helpContent .getInTouchItem i
{
	font-size: 20px;
	line-height: 1.2;
	color: #6898BE;
	min-width: auto;
}
.helpContent .getInTouchItem p, .helpContent .getInTouchItem a
{
	font-family: WorkSans-Regular;
	font-size: 26px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 0;
}
.helpContent .getInTouchItem a:hover, .helpContent .getInTouchItem a:focus
{
	color: #F58634;
}
.helpContent .getInTouchItem .iconSec
{
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
	margin-right: 10px;
}
.dropdown-mega .dropdown-menu .navigationCard
{
	border: 0;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: none;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
.dropdown-mega .dropdown-menu .navigationCard .card-body
{
	background-color: #ffffff;
	min-height: 220px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.dropdown-mega .dropdown-menu .navigationCard .card-body .image-section
{
	height: 130px;
	background-color: #EDF0F5;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 10px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.dropdown-mega .dropdown-menu .navigationCard .card-body .image-section .backgroundContain
{
	height: 130px;
	background-color: #EDF0F5;
	padding: 10px;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 10px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.dropdown-mega .dropdown-menu .navigationCard .card-body .image-section img
{
	height: 100%;
	width: auto;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.dropdown-mega .dropdown-menu .navigationCard .card-body h3
{
	font-family: WorkSans-Regular;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 0;
	color: #003656;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.navigation-link:hover .navigationCard .card-body, .navigation-link:focus .navigationCard .card-body, .navigation-link:active .navigationCard .card-body
{
	background-color: #F58634;
}
.navigation-link:hover .navigationCard .card-body h3, .navigation-link:focus .navigationCard .card-body h3, .navigation-link:active .navigationCard .card-body h3
{
	color: #ffffff;
}
.navigation-link:hover .navigationCard .card-body .image-section .backgroundContain, .navigation-link:focus .navigationCard .card-body .image-section .backgroundContain, .navigation-link:active .navigationCard .card-body .image-section .backgroundContain
{
	transform: scale(1.05);
}
.solutionCard .solDesc
{
	opacity: 0;
	height: 0;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.solutionCard a:hover .card-body .solDesc, .solutionCard a:focus .card-body .solDesc
{
	opacity: 1;
}
.solutionCard a:hover .card-body *, .solutionCard a:focus .card-body *
{
	color: #ffffff;
}
.solutionCard .card-body::before
{
	content: "";
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #F58634;
	z-index: -1;
	border-radius: 20px 20px 40px 20px;
	corner-bottom-right-shape: scoop;
	transition: all 0.4s ease-in-out;
}
.solutionCard a:hover .card-body::before, .solutionCard a:focus .card-body::before, .solutionCard a:active .card-body::before
{
    bottom: 0;
}
.solutionCard .card-body img, .solutionCard .card-body h3, .solutionCard .card-body h3 .solDesc, .solutionCard .card-body p
{
	position: relative;
	z-index: 2;
}
.solutionCard a:hover .card-body img, .solutionCard a:focus .card-body img
{
	margin-bottom: 20px;
	filter: brightness(0) invert(1);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.solutionCard .card-body .cardCircle .btn-circle::after
{
	border: 2px solid #003F72;
}
.solutionCard a:hover .card-body .cardCircle .btn-circle::after, .solutionCard a:focus .card-body .cardCircle .btn-circle::after
{
	border: 2px solid #F58634;
}
.particles-js-canvas-el
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.whiteProductCard .card-body
{
	background-color: #ffffff;
	min-height: 450px;
}
.whiteProductCard .card-body .productImageDiv
{
	padding: 0;
}
.whiteProductCard .card-body h3
{
	font-size: 22px;
	margin-bottom: 15px;
}
.whiteProductCard .card-body .cardCircle
{
	background-color: #e2ebf3;
}
.whiteProductCard .card-body .cardCircle .btn-circle
{
	background-color: #004B8F;
	color: #ffffff;
}
.whiteProductCard a:focus .card-body .cardCircle .btn-circle, .whiteProductCard a:hover .card-body .cardCircle .btn-circle, .whiteProductCard a:active .card-body .cardCircle .btn-circle
{
	background-color: #F58634;
	color: #ffffff;
}
.mainProductCards.applicationCard .card-body
{
	text-align: center;
	background-color: #ffffff;
	border-radius: 10px;
}
.mainProductCards.applicationCard .card-body h4
{
	color: #004B8F;
}
.mainProductCards.applicationCard .card-body .card-image
{
	margin: 0 auto 10px;
}
.carousel-indicators
{
	position: absolute;
	right: -26px;
	bottom: 0;
	left: auto;
	top: 17%;
	z-index: 2;
	display: flex;
	justify-content: center;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	flex-direction: column;
}
.carousel-indicators [data-bs-target]
{
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 15px;
	height: 15px;
	margin-bottom: 10px;
	padding: 0;
	margin-right: 0;
	margin-left: 0;
	text-indent: -999px;
	cursor: pointer;
	background-color: var(--bs-carousel-indicator-active-bg);
	background-clip: padding-box;
	border: 0;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	opacity: .5;
	transition: opacity .6s ease;
	border-radius: 50%;
}
.carousel-indicators .active
{
	background-color: #F58634;
	opacity: 1;
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.preloader-content {
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    animation: fadeIn 0.8s ease-out forwards;
}

/* Logo Effect */
.mivanta-logo {
    width: 250px;
    transform: scale(1);
    opacity: 0;
	margin-bottom: 20px;
    animation: logoPop 1s ease-out forwards;
}

/* Tagline Effect */
.tagline {
    font-size: 18px;
    margin-top: 15px;
    opacity: 0;
    transform: translateY(10px);
    animation: textFadeUp 1s ease-out 0.6s forwards;
}

/* Animations */
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes logoPop {
    0% {
        opacity: 0;
        transform: scale(1);
    }
    100% {
        opacity: 1;
        transform: scale(1.5);
    }
}

@keyframes textFadeUp {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.inner-banner-title .btn-banner
{
	padding: 10px 56px 10px 20px;
	font-size: 12px;
}
.inner-banner-title .btn-banner i
{
	width: 40px;
	height: 40px;
}
.w-20
{
	width: 20%;
}
.btn-footer-fixed {
    position: fixed;
    bottom: 135px;
    right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: max-width 0.3s ease-in-out;
}
.btn-footer-fixed span {
    opacity: 0;
    white-space: nowrap;
    margin-left: 0;
    transition: opacity 0.3s ease-in-out, margin-left 0.3s ease-in-out;
    max-width: 0;
}
.btn-footer-fixed.btn-clickbook
{
	bottom: 90px;
	background-color: #F58634;
	color: #ffffff;
	border: 1px solid #F58634;
}
.btn-footer-fixed.btn-clickbook:hover, .btn-footer-fixed.btn-clickbook:focus
{
	background-color: #F58634;
	color: #ffffff;
	border: 1px solid #F58634;
}
.btn-footer-fixed:hover
{
    width: 220px;
}
.btn-footer-fixed:hover span
{
	opacity: 1;
	margin-left: 8px;
	max-width: 200px;
}
.ratio-4x3
{
	--bs-aspect-ratio: 68%;
}
.ratio-4x3 video
{
	border-radius: 20px 20px 20px 40px;
}
.nav-link.partner-icon
{
	background-color: #E1EBF3;
	padding: 5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #003F72;
	transition: background-color 0.3s, color 0.3s;
	position: relative;
	z-index: 2;
	padding: 5px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nav-link.partner-icon:hover, .nav-link.partner-icon:focus
{
    background-color: #F58634;
    color: #ffffff !important;
}
.productRows .col
{
	width: 20%;
	flex: none;
}
.productRows .col .navigationCard .card-body h3
{
	font-size: 14px;
}
.card-choose
{
	border: 0;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: none;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.card-choose .card-header
{
	background-color: transparent;
	border: none;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	position: relative;
}
.card-choose .card-header .card-title
{
	font-family: WorkSans-Medium;
	font-size: 24px;
	line-height: 2;
	color: #004B8F;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.card-choose .card-header p
{
	font-size: 18px;
	line-height: 26px;
	color: #3F454B;
}
.card-choose .card-header .header-right .image-circle
{
	width: 100px;
	height: 100px;
	background-color: transparent;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.card-choose .card-header .header-right .image-circle object
{
	filter: invert(17%) sepia(96%) saturate(1807%) hue-rotate(193deg) brightness(99%) contrast(101%);
	width: 80px;
	height: 80px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.card-choose .card-body
{
	padding: 30px;
	display: none;
}
.card-choose .card-header:hover .header-right .image-circle, .card-choose .card-header:focus .header-right .image-circle, .card-choose .card-header.active .header-right .image-circle
{
	background-color: #004B8F;
}
.card-choose .card-header:hover .header-right .image-circle object, .card-choose .card-header:focus .header-right .image-circle object, .card-choose .card-header.active .header-right .image-circle object
{
	width: 60px;
	height: 60px;
	filter: invert(55%) sepia(84%) saturate(872%) hue-rotate(338deg) brightness(101%) contrast(92%);
}
.radio-lg
{
	transform: scale(1.4);
	margin-top: 0.35rem;
}
.radio-sm
{
	transform: scale(0.85);
}
.filter-box .accordion .accordion-header .accordion-button
{
	font-family: WorkSans-Regular;
	font-size: 16px;
	line-height: 30px;
	color: #003F72;
	padding: 15px 0;
	border-bottom: none;
	background-color: transparent;
	box-shadow: none !important;
	text-transform: uppercase;
}
.carousel .carousel-inner .carousel-item:not(.active) .bannerContentText .banner-text, .carousel .carousel-inner .carousel-item:not(.active) .bannerContentText .btn-banner
{
	display: none;
}
.newBannerImage
{
	position: absolute;
	text-align: center;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -6%;
	height: 100%;
	width: 100%;
	margin-left: auto;
	right: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.newBannerImage img
{
	width: 50%;
	margin: 0 auto;
	height: auto;
}
.hero-heading
{
	font-family: Poppins-Bold !important;
	font-size: 64px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
}
.hero-heading span
{
	display: inline;
}
.outline-text
{
	color: transparent;
	-webkit-text-stroke: 1px #F58634;
	text-stroke: 1px #F58634;
}
.solid-text
{
	color: #004B8F;
	letter-spacing: 2px;
}
.newBannerContent
{
	position: relative;
	top: 10%;
}
.newBannerContent p
{
	font-size: 20px;
	line-height: 32px;
}

.filterSidebar
{
	position: relative;
}
.filterSidebar:after
{
	content: "";
	border-right: 1px solid #cccccc;
	position: absolute;
	right: -25px;
	top: 0;
	bottom: 0;
}
.contactInnerCard
{
	border: 0;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: none;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.contactInnerCard .card-body
{
	padding: 15px;
}
.contactInnerCard .card-top-header
{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}
.contactInnerCard .card-top-header h3
{
	font-family: WorkSans-Medium;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 0;
	color: #004B8F;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.contactInnerCard .card-top-header small
{
	font-size: 14px;
	line-height: 20px;
	color: #5e5e5e;
}
.contactInnerCard .card-top-header p
{
	font-size: 14px;
	line-height: 20px;
	color: #5e5e5e;
}
.contactInnerCard .card-top-header ul
{
	padding-left: 0;
	list-style: none;
}
.contactInnerCard .card-top-header ul li
{
	display: inline-block;
	background-color: #ededed;
	padding: 2px 5px;
	border-radius: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	font-size: 14px;
}
.contactInnerCard .card-top-header .right-side img
{
	max-width: 100px;
	min-width: 100px;
}
.contactInnerCard .card-bottom-footer
{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}
.contactInnerCard .card-bottom-footer .btn-contact
{
	background-color: transparent;
	border: 1px solid transparent;
	color: #181818;
	padding: 5px 15px;
	font-size: 14px;
	border-radius: 20px;
}
.contactInnerCard .card-bottom-footer .btn-contact:hover, .contactInnerCard .card-bottom-footer .btn-contact:focus
{
	background-color: transparent;
	color: #F58634;
}
.contactInnerCard .card-bottom-footer .btn-contact.contact-green
{
	background-color: #004B8F;
	border: 1px solid #004B8F;
	color: #ffffff;
}
.contactInnerCard .card-bottom-footer .btn-contact.contact-green:hover, .contactInnerCard .card-bottom-footer .btn-contact.contact-green:focus, .contactInnerCard .card-bottom-footer .btn-contact.contact-green.active
{
	background-color: #F58634;
	border: 1px solid #F58634;
	color: #ffffff;
}
.contactInnerCard .card-bottom-footer .btn-link
{
	color: #004B8F;
	background-color: transparent;
	font-size: 14px;
	text-decoration: underline;
}
.contactInnerCard .card-bottom-footer .btn-link:hover, .contactInnerCard .card-bottom-footer .btn-link:focus
{
	color: #F58634;
	background-color: transparent;
}
#contactDetailModal .modal-header
{
	border-bottom: none;
	padding: 30px 30px 0 30px;
}
#contactDetailModal .modal-header .modal-title
{
	font-size: 24px;
	color: #004B8F;
}
#contactDetailModal .modal-body
{
	padding: 20px 30px 30px 30px;
}
#contactDetailModal .modal-body p, #contactDetailModal .modal-body a
{
	font-size: 14px;
	color: #5e5e5e;
	margin-bottom: 2px;
}
#contactDetailModal .modal-body p strong
{
	color: #000000;
	font-size: 16px;
	margin-bottom: 5px;
	display: block;
}
#contactDetailModal .modal-body a
{
	text-decoration: underline;
}
#contactDetailModal .modal-body a:hover, #contactDetailModal .modal-body a:focus
{
	color: #F58634;
}
#requestQuoteOffcanvas .form-check-label
{
	font-size: 12px;
}
.bannerImageSection
{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.dropdown.dropdown-mega:hover > .dropdown-menu,
.dropdown.dropdown-mega:focus-within > .dropdown-menu {
	display: block;
}