/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/	

:root{
	--primary-color				: #013566;
	--secondary-color			: #F6921E;
	--text-color				: #707070;
	--accent-color				: #131313;
	--accent-secondary-color	: #d91b23;
	--white-color				: #FFFFFF;
	--divider-color				: #F5F5F5;
	--dark-divider-color		: #FFFFFF33;
	--error-color				: rgb(230, 87, 87);
	--secondary-font            :  "Montserrat", sans-serif;
	--black-color                 : #000000;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/

body{font-size: 1rem;font-weight: 400;line-height: 1.2rem;background-color: var(--white-color);color: var(--text-color);font-family: "Montserrat", sans-serif;}
::-webkit-scrollbar-track{
	background-color: var(--secondary-color);
	border-left: 1px solid var(--secondary-color);
}
::-webkit-scrollbar{
	width: 7px;
	background-color: var(--secondary-color);
}
::-webkit-scrollbar-thumb{
	background:var(--primary-color);
}

p{line-height: 1.7rem;margin-bottom: 1.5rem;}

h1,
h2,
h3,
h4,
h5,
h6{margin : 0;font-weight: 600;line-height: 1.2em;color: var(--primary-color);}
figure{margin: 0;}
img{max-width: 100%;}
a{text-decoration: none;}
a:hover{text-decoration: none;outline: 0;transition: all 0.3s ease-in-out;}
a:focus{text-decoration: none;outline: 0;}

html,
body{width: 100%;overflow-x: clip;}
.container{max-width: 1320px;}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl{padding-right: 15px;padding-left: 15px;}

.image-anime{position: relative;overflow: hidden;}
.image-anime:after{
	content: "";
	position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}
.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.reveal{position: relative; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;visibility: hidden;overflow: hidden;}
.reveal img{height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transform-origin: left;transform-origin: left;}
.row{margin-right: -15px;margin-left: -15px;}
.row > *{padding-right: 15px;padding-left: 15px;}
.row.no-gutters{margin-right: 0px;margin-left: 0px;}
.row.no-gutters > *{padding-right: 0px;padding-left: 0px;}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  border-radius: 58px;
  padding: 5px 5px 5px 30px;
  overflow: hidden;
  font-weight: 600;
}
.btn::before {
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  -webkit-transform: translate(calc(-100% - 2px));
          transform: translate(calc(-100% - 2px));
  z-index: -1;
  -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  content: "";
}
.btn .btn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  background: #fff;
  width: 48px;
  height: 48px;
  overflow: hidden;
  color: #003566;
  font-size: 1.125rem;
}
.btn .btn-icon span:nth-child(1) {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn .btn-icon span:nth-child(2) {
  position: absolute;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn .btn-icon-sm {
  width: 36px;
  height: 36px;
}
.btn:hover::before {
  -webkit-transform: translate(0);
          transform: translate(0);
  -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.btn:hover .btn-icon span:nth-child(1) {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
}
.btn:hover .btn-icon span:nth-child(2) {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  opacity: 1;
}
.btn-primary {
  background: #003566;
}
.btn-primary:hover {
  background: rgb(255, 229, 202);
}
.btn-primary:hover::before {
  background: #ff7d44;
}
.btn-white {
  background: #fff;
  color: #003566;
}
.btn-white .btn-icon {
  background: linear-gradient(237deg, rgb(255, 229, 202) 0%, rgb(246, 146, 30) 53%, rgb(216, 59, 32) 100%);
  color: #fff;
}
.btn-white:hover {
  background: #003566;
  color: #fff;
}
.btn-white:hover::before {
  background: #003566;
}
.btn-secondary {
  background: linear-gradient(237deg, rgb(255, 229, 202) 0%, rgb(246, 146, 30) 53%, rgb(216, 59, 32) 100%);
}
.btn-secondary:hover {
  background: rgb(255, 229, 202);
}
.btn-secondary:hover::before {
  background: #003566;
}
.btn-secondary-alt {
  background: linear-gradient(237deg, rgb(255, 229, 202) 0%, rgb(246, 146, 30) 53%, rgb(216, 59, 32) 100%);
  color: #fff;
}
.btn-secondary-alt:hover {
  background: rgb(255, 229, 202);
  color: #003566;
}
.btn-secondary-alt:hover::before {
  background: #fff2ec;
}
.btn-secondary-alt:hover .btn-icon {
  background-color: #ff7d44;
}
.btn-secondary-outline {
  border: 1px solid #ff7d44;
  background: transparent;
  color: #ff7d44;
}
.btn-secondary-outline .btn-icon {
  background: linear-gradient(237deg, rgb(255, 229, 202) 0%, rgb(246, 146, 30) 53%, rgb(216, 59, 32) 100%);
  color: #fff;
}
.btn-secondary-outline:hover {
  background: rgb(255, 229, 202);
  color: #fff;
}
.btn-secondary-outline:hover::before {
  background: linear-gradient(237deg, rgb(255, 229, 202) 0%, rgb(246, 146, 30) 53%, rgb(216, 59, 32) 100%);
}
.btn-secondary-outline:hover .btn-icon {
  background: #fff;
  color: #003566;
}


.preloader{
    position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	/* background: linear-gradient(90.15deg, var(--accent-color) 1.15%, var(--accent-secondary-color) 98.84%); */
	display: flex;
	align-items: center;
	justify-content: center;
	background:#FAF9F6;
	/* background:url(../images/loader-bg.jpg) no-repeat 0 0 #fff; */
/* background: linear-gradient(96deg, rgba(237, 28, 36, 1) 0%, rgba(0, 0, 0, 1) 53%, rgba(237, 28, 36, 1) 100%); */
}

.loading-container,
.loading{
	height: 170px;
	position: relative;
	width: 170px;
	border-radius: 100%;
}

.loading-container{
	margin: 40px auto;
}

.loading{
	border: 1px solid transparent;
	border-color: transparent var(--secondary-color) transparent var(--secondary-color);
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading{
	transition: all 0.5s ease-in-out;
}

#loading-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	width:73px;
	transform: translate(-50%, -50%);
}

@keyframes rotate-loading{
	0%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(360deg);
	}
}

.section-row{
	margin-bottom: 60px;
}

.section-row .section-title{
	margin-bottom: 0;
}

.section-row .section-title{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.section-btn{
	text-align: end;
}

.section-title-content p{
	margin: 0;
}

.section-title{
	position: relative;
	margin-bottom: 40px;
	z-index: 1;
}

.section-title h3{
	position: relative;
	display: inline-block;
	font-size: 1.1rem;
	line-height:1.1rem;
	letter-spacing: 0;
    color: var(--primary-color);
    margin-bottom: 20px;
	font-family: var(--secondary-font);
}

.section-title h1{
	font-size: 4.5rem;
	line-height: 4.9rem;
	font-weight: 600;
	color: var(--white-color);
	margin-bottom: 0;
	cursor: none;
	    text-align: left;
}
.section-title h2, h2{
	font-size: 2.5rem;
    line-height: 2.8rem;
    color: var(--black-color);
	font-weight: 700;
	margin-bottom: 0;
	cursor: none;
}
.section-title h1 span,
.section-title h2 span{
	background: linear-gradient(90.15deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
	background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-title p{
	margin-top: 20px;
	margin-bottom: 0;
}

.help-block.with-errors ul{
	margin: 0;
	text-align: left;
}

.help-block.with-errors ul li{
	color: var(--error-color);
	font-weight: 500;
	font-size: 14px;
}


.img-cover{width:100%;}
.img-cover iframe,
.img-cover video,
.img-cover img{width:100% !important;height:100% !important;max-width:100% !important; max-height:100% !important; object-fit: cover; object-position: center; transition:all 0.4s ease-in-out; display: block;}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/

header.main-header{position: relative;border-bottom: 1px solid var(--dark-divider-color);z-index: 100;}
header.main-header .header-sticky{position: relative;top: 0;z-index: 100;}
header.main-header .header-sticky.hide{transform: translateY(-100%);transition: transform 0.3s ease-in-out;border-radius: 0;}
header.main-header .header-sticky.active{position: fixed;top: 0;left: 0;right: 0;border-radius: 0; transform: translateY(0);background-color: var(--white-color);border-bottom: 1px solid var(--divider-color);}
.navbar{padding: 20px 0;align-items: center;}
.navbar-brand{padding: 0;margin: 0;}
.main-menu .nav-menu-wrapper{flex: 1;text-align: right;margin: 0 20px;}
.main-menu .nav-menu-wrapper > ul{align-items: center;display: inline-flex;}
.main-menu ul li{margin: 0;position: relative;}
.main-menu ul li a{font-size: 1rem;font-weight: 600;line-height: 1.2em;padding: 14px 20px !important;color: var(--primary-color);text-transform: capitalize;transition: all 0.3s ease-in-out;}
.main-menu ul li a:hover,
.main-menu ul li a:focus{color: var(--secondary-color);}
.main-menu ul ul{visibility: hidden;opacity: 0;transform: scaleY(0.8);transform-origin: top;padding: 0;margin: 0;list-style: none;width: 230px;border-radius: 10px;position: absolute;left: 0;top: 100%;background:var(--secondary-color);transition: all 0.3s ease-in-out;text-align: left;}
.main-menu ul li.submenu:first-child ul{width: 230px;}
.main-menu ul ul ul{left: 100%;top: 0;text-align: left;}
.main-menu ul li:hover > ul{visibility: visible;opacity: 1;transform: scaleY(1);padding: 5px 0;}
.main-menu ul ul li{margin: 0;padding: 0;}
.main-menu ul ul li a{color: var(--white-color);padding: 8px 20px !important;transition: all 0.3s ease-in-out;}
.main-menu ul li:hover > ul{visibility: visible;opacity: 1;transform: scaleY(1);padding: 5px 0;}
.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus{color: var(--primary-color);background-color: transparent;padding: 8px 20px 8px 23px !important;}
.main-menu ul li.highlighted-menu{display: none;}
.responsive-menu,
.navbar-toggle{display: none;}
.responsive-menu{top: 0;position: relative;}

.slicknav_btn{background:var(--secondary-color);padding: 0;display: flex;align-items: center;justify-content: center;width: 38px;height: 38px;margin: 0;border-radius: 8px;}
.slicknav_icon .slicknav_icon-bar{display: block;width: 100%;height: 3px;width: 22px;background-color: var(--white-color);border-radius: 6px;margin: 4px auto !important;transition: all 0.1s ease-in-out;}
.slicknav_icon .slicknav_icon-bar:first-child{margin-top: 0 !important;}
.slicknav_icon .slicknav_icon-bar:last-child{margin-bottom: 0 !important;}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){transform: rotate(-45deg) translate(-5px, 5px);}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){opacity: 0;}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){transform: rotate(45deg) translate(-5px, -5px);}
.slicknav_menu{position: absolute;width: 100%;padding: 0;background:var(--secondary-color);}
.slicknav_menu ul{margin: 5px 0;}
.slicknav_menu ul ul{margin: 0;}
.slicknav_nav .slicknav_row,
.slicknav_nav li a{position: relative;font-size: 16px;font-weight: 500;text-transform: capitalize;padding: 8px 20px;color: var(--white-color);line-height: normal;margin: 0;border-radius: 0 !important;transition: all 0.3s ease-in-out;}
.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover{background-color: transparent;color: var(--primary-color);}
.slicknav_menu ul ul li a{padding: 8px 20px 8px 30px;}
.slicknav_arrow{font-size: 0 !important;}
.nav-item.submenu.slicknav_parent.slicknav_open svg path, .nav-item.submenu.slicknav_parent svg path{stroke: #fff;}
.slicknav_nav a:hover, .slicknav_nav a:focus, .slicknav_nav .slicknav_row:hover{color: var(--white-color);}
.slicknav_open > a .slicknav_arrow:after{transform: translateY(-52%) rotate(-180deg);color: var(--primary-color);}
.header-btn{gap: 15px; display: flex;}

/***************************************
 - Sections / Hero
***************************************/
.section-hero{overflow: hidden;}
.hero-area {position: relative;z-index: 1;overflow: hidden;}
.hero-area-1 {padding-block: 200px 200px;}
.section-content-block{width: 100%;max-width: 600px;margin: 0 auto 0 10%;}

@media (max-width: 1300px) {
.section-content-block{margin: 0 auto 0 5%;}
.hero-area-1 {padding-block:140px 140px;}
}
@media (max-width: 1200px) {
  .hero-area-1 {padding-block:120px 120px;}
  .section-content-block{margin: 0 auto 0 0;}
}
@media (max-width: 992px) {
  .hero-area-1 {padding-block: 100px 100px;}
}

.hero-area-linear-gradient-1 {
  position: absolute;
  z-index: -4;
  inset: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(1, 53, 102)), color-stop(45%, rgba(6, 51, 102, 0.78)), to(rgba(0, 0, 0, 0.47)));
  background-image: linear-gradient(90deg, rgb(1, 53, 102) 0%, rgba(6, 51, 102, 0.78) 45%, rgba(0, 0, 0, 0.47) 100%);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 1200px) {
  .hero-area-linear-gradient-1 {
    background-image: url("../images/hero-1-gradient-bg.svg");
  }
}

h1.hero-title {font-size: 4rem;line-height: 4.5rem;font-weight: 700;color: #fff;margin: 0 0 20px;}
.section-content-block p { font-size:1.2rem;line-height:1.8rem;font-weight:500;color: #fff;margin: 0 0 20px;}

@media (max-width: 1400px) {
  h1.hero-title {font-size:3.5rem;}
}
@media (max-width: 1200px) {
  h1.hero-title {font-size: 3rem;}
}
@media (max-width:992px) {
  h1.hero-title {font-size:2.5rem;}
}
@media (max-width: 768px) {
  h1.hero-title {font-size: 2rem;}
}

.hero-bg-1 {position: absolute;z-index: -5;inset: 0;margin:auto 0 auto  auto;width:55%;}
@media (max-width: 768px) {
.hero-bg-1{width:100%;}
}

/************************************/
/***       05. About Us css       ***/
/************************************/
.home-about-us{padding: 100px 0;}
.home-about-us h2{margin:0 0 1.5rem;}
ul.home-listing{list-style-type: none;margin: 0;padding: 0;}
ul.home-listing li{background: url(../images/bullet-list.svg) no-repeat left top;padding: 0 0 20px 40px;border-bottom: 1px solid #EAEAEA;margin: 0 0 20px;color: #282828;font-size: 1rem;line-height: 1.5rem;font-weight: 600;}
.home-about-image figure{position: relative;width: 100%;box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.09);border-radius: 60px 0 60px 0;}
.home-org-exp{position: absolute;top:-1px;left:-1px;background: var(--secondary-color);display: flex;align-items: center;justify-content: center;border-radius:50px 0 0 0;    flex-direction: column;padding: 2rem;}
.home-org-exp .hoe-no{color: var(--white-color);font-size: 3.5rem;line-height: 3.5rem;font-weight: 600;}
.home-org-exp .hoe-text{color: var(--white-color);font-size: 1rem;line-height: 1rem;font-weight: 400;max-width: 95px;text-align: center;}
.home-about-iconsec{position: absolute;bottom:-1px;right:-1px;background: var(--white-color);display: flex;flex-wrap: wrap;border-radius: 0 0 50px 0;}
.home-about-iconsec .ha-icons{padding: 40px 30px;display: flex;flex-direction: column;align-items: center;gap:30px;position: relative;}
.home-about-iconsec .ha-icons img{border-radius: 0;}
.home-about-iconsec .ha-icons .ha-heading{color: var(--primary-color);font-size: 1.2rem;line-height: 1.4rem;font-weight: 600; max-width: 130px;text-align: center;}
.home-about-iconsec .ha-icons:not(:last-child):after {content: "";border: 1px solid #ccc;height: 130px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

/************************************/
/*** 	   3. product css   	  ***/
/************************************/

.leftimg{background-color: #fff0;background-image: linear-gradient(180deg, #FFFFFF 55%, #F0F0F0 17%);text-align: center;border-radius: 0 0 100px 0;}
.feature-card.style-three {background-color: #F8F3F0;padding: 38px 20px 32px;min-height: 510px;position: relative;border-radius: 20px;transition: all 0.3s ease-in-out;}
.feature-card.style-three .br-one{width: 100%;height: 138px;transition: var(--transition);position: absolute;left: 0;top: 0;transition: all 0.3s ease-in-out;}
.feature-card.style-three .br-one:before{position: absolute;top: 0;left: 0;content: "";width: 115px;height: 100%;border-top: 1px solid rgba(255,94,20,0.5);border-left: 1px solid rgba(255,94,20,0.5);border-radius: 20px 0 0 0;transition: all 0.3s ease-in-out;}
.feature-card.style-three .br-one:after{position: absolute;top: 0;right: 0;content: "";width: 115px;height: 100%;border-top: 1px solid rgba(255,94,20,0.5);border-right: 1px solid rgba(255,94,20,0.5);border-radius: 0 20px 0 0;	transition: all 0.3s ease-in-out;}
.feature-card.style-three .br-two{position: absolute;width: 100%;height: 138px;transition: var(--transition);left: 0;bottom: 0;transition: all 0.3s ease-in-out; }
 .feature-card.style-three .br-two:before{position: absolute;bottom: 0;left: 0;content: "";width: 115px;height: 100%;border-bottom: 1px solid rgba(255,94,20,0.5);
	border-left: 1px solid rgba(255,94,20,0.5);border-radius: 0 0 0 20px;transition: all 0.3s ease-in-out;}
 .feature-card.style-three .br-two:after{position: absolute;bottom: 0;right: 0;content: "";width: 115px;height: 100%;border-bottom: 1px solid rgba(255,94,20,0.5);border-right: 1px solid rgba(255,94,20,0.5);border-radius: 0 0 20px 0;transition: all 0.3s ease-in-out;}
.feature-img{width: 268px;height: 268px;margin: 0 auto 42px;position: relative;z-index: 1;border-radius: 50%;}
h3{margin-bottom: 14px;}
p{margin-bottom: 8px;}
   
.feature-card.style-three:hover .br-one, .feature-card.style-three:hover .br-two {height: 100px;}
.bdr-shape{position: absolute;top: 0;left: 0;z-index: 1;height: 100%;width: 100%;display: none;}
.product-padd{padding:0 0 50px 0;}
.product-padd.pr-last{padding:0;}
.home-product{padding: 100px 0;}
.hp-heading, .abe-heading{margin: 0 0 40px;text-align: center;}

.otherpage-banner{position: relative;display: flex;align-items: center;justify-content: center;background: url(../images/other-page-header.jpg) no-repeat center center;padding: 100px 0;}
.otherpage-banner-content{position: absolute;width: 100%;}
.otherpage-banner-content h1{font-size: 4rem;line-height: 4.5rem;font-weight: 600;color: var(--black-color);margin-bottom: 0;cursor: none;text-align: center;}
.about-page-contain{padding: 100px 0;}
.about-page-image figure{position: relative;width: 100%;box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.09);border-radius: 60px 0 60px 0;}
.about-page-content h2{margin:0 0 1.5rem;}

.application-contain{padding: 100px 0;}
.app-box{position: relative;}
.app-img{border-radius: 15px;box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);}
.app-contain{background: #ffffff;position: relative;padding: 25px;margin-top: -50px;margin-left:1.2rem;margin-right:1.2rem;border-radius: 15px;min-height: 162px;display: flex;flex-direction: column;gap: 15px;box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);}
.app-contain h4{font-size: 1.5rem;line-height:1.6rem;font-weight: 600;}
.app-contain p{margin: 0;}
.app-img{overflow: hidden;}
.app-box:hover .app-img img {transform: scale(1.2);}

.downloads-contain{padding: 100px 0;}
.downloads-contain.downloads-contain1{padding:0 0 100px 0;}
.download-box{position: relative;overflow: hidden;padding:20px 50px;width: 100%;background:#013566;border-radius: 20px;display: flex;align-items: center;justify-content: space-between;min-height: 100px; margin: 0 0 20px 0;gap:15px;box-shadow:0px 6px 15px 0px rgb(1, 53, 102, 0.3);}
.download-box figure{margin: 0;position: absolute;bottom: 0; left: 7px;width: 100px;z-index: 0;transform: rotate(-40deg);}
.download-box figure img{opacity:0.1;}
.download-contain {position: relative;z-index: 1;width: 75%;}
.download-contain h4{font-size: 2rem;line-height: 2rem;color: #fff;}
.download-btn {position: relative;z-index: 1;}
.download-btn a{color:var(--secondary-color);font-size: 1rem;line-height: 1.2rem;display: flex;align-items: center;gap:10px;border: 1px solid var(--secondary-color);
    padding: 10px 15px;border-radius: 6px;}
.download-btn a img{filter: brightness(0) saturate(100%) invert(66%) sepia(47%) saturate(2143%) hue-rotate(346deg) brightness(99%) contrast(96%);}
.download-btn a:hover img{filter:none;}
.download-btn a:hover{color:var(--white-color);border: 1px solid var(--secondary-color);background: var(--secondary-color);}
.dc-heading{margin: 0 0 50px;}
.dc-heading p{margin:20px 0 0 0;}

.contactpage-contact{padding:100px 0;}
.contactpage-sec-content{display: flex;flex-direction: column;gap: 40px;}
.contactpage-sec-content{display: flex;flex-direction: column;gap:30px;}
.contactpage-sec-top{display: flex;flex-direction: column;gap:15px;}
.contactpage-sec-top h2{color: var(--primary-color);}
.contactpage-sec-top h3{color:var(--text-color);font-size: 1.5rem;line-height: 1.8rem;font-weight: 600;margin: 0;}
.contactpage-sec-top p{color: var(--text-color);margin: 0;}

.contactpage-sec-bottom{display: flex;flex-direction: column;gap:15px;}
.contactpage-sec-bottom h2{color: var(--primary-color);}
.cp-call-sec{display: flex;flex-direction: column;gap:5px;}
.cp-call-sec dd{margin: 8px 0 0 0;}
.cp-call-sec span{color: var(--text-color);font-size: 1.375rem;line-height: 1.375rem;font-weight: 500;}
.cp-call-sec a{color: var(--text-color);font-size:2.2rem;line-height:2.5rem;font-weight: 600;}
.cp-call-sec a.email{font-size:1.875rem;line-height:1.975rem;font-weight: 500;}
.cp-call-sec a:hover{color: var(--secondary-color);}
.contactpage-sec-hours{display: flex;flex-direction: column;gap:15px;}
.contactpage-sec-hours h2{color: var(--primary-color);}
.csh-week{display: flex;flex-direction: column;gap:15px;color: var(--text-color);}

.contactpage-contact-form{background:#F9F9F9;display: flex;flex-direction: column;align-items: flex-start;padding:40px 30px;gap: 30px;border-radius: 30px 0 30px 30px;
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);}
.contactpage-contact-form .section-title{margin: 0;}
.contactpage-form{display: flex;flex-direction: row;flex-wrap: wrap;gap: 30px;justify-content: space-between;}
.cp-form-group{width: 100%;display: flex;flex-direction: column;gap:10px;}
.cp-form-group label{width: 100%;color:var(--primary-color);font-size: 0.9rem;line-height: 1rem;font-weight: 700;}
.contactpage-form .form-control{font-size: 15px;font-weight:500;line-height: 1.5em;color:var(--primary-color);background: transparent;border: 1px solid #D0D0D0;border-radius: 10px;padding: 17px 20px;box-shadow: none;outline: none;}
.cp-form-group button[type="submit"]{text-align: center;justify-content: center; padding: 15px;}

.contactpage-form .form-control::placeholder{
	color:var(--primary-color);}
.contactpage-form .btn.disabled, .contactpage-form .btn:disabled{
	background: var(--secondary-color);color: var(--white-color);opacity: 1;justify-content: center;}

.about-vm-section{padding: 100px 0;}
.vm-box{text-align: center;padding: 0px 60px 60px 60px;position: relative;}
.vm-box:after{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 83%;background: #F0F0F0;z-index: 0;border-radius: 0 0 100px 0;}
.vm-icon{width: 150px;height: 150px;background: #013566;border-radius: 100px;display: flex;justify-content: center;align-items: center;margin:0 auto 20px auto;position: relative;	z-index: 1;}
.vm-content{position: relative;z-index: 1;}

.ae-heading h2{color: #f0f0f070;font-size:130px;font-weight: 700;text-transform: uppercase;line-height:130px;}
.ae-content{margin:-70px 0 0 0;}

.product-section{padding: 100px 0;}
.product-contact-sec{padding:0 0 100px 0;}
.product-image figure{position: relative;width: 100%;box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.09);border-radius: 60px 0 60px 0;}
.pc-box{background: #fff;box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1);border-radius: 100px;padding: 30px;display: flex;justify-content: space-between;align-items: center;margin:0 0 0 0;}
.product-content h2{margin: 0 0 1.5rem;}

ul.pc-listing{list-style-type: none;margin: 0;padding: 0;}
ul.pc-listing li{background: url(../images/bullet-list.svg) no-repeat left top;padding: 0 0 15px 40px;border-bottom: 1px solid #EAEAEA;margin: 0 0 15px;color: #282828;font-size: 1rem;line-height: 1.5rem;font-weight: 600;}


/************************************/
/*** 	   17. Footer css   	  ***/
/************************************/

.main-footer{background:#013566;padding: 60px 0 30px;}
.footer-logo{margin: 0 0 30px 0;}
.footer-social-links ul{list-style: none;padding: 0;margin: 0;}
.footer-social-links ul li{display: inline-block;margin-right: 15px;}
.footer-social-links ul li:last-child{margin-right: 0;}
.footer-social-links ul li a{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease-in-out;background: #fff;
    border-radius: 6px;}
.footer-social-links ul li a:hover{border-color: var(--primary-color);}
.footer-social-links ul li a img{filter: brightness(0) saturate(100%) invert(16%) sepia(24%) saturate(4722%) hue-rotate(189deg) brightness(95%) contrast(103%);}
.footer-social-links ul li a:hover img{filter: brightness(0) saturate(100%) invert(63%) sepia(86%) saturate(1525%) hue-rotate(345deg) brightness(98%) contrast(96%);
  transition: all 0.3s ease-in-out;}

.footer-links h3, .footer-address h3{font-size: 20px;color: var(--white-color);text-transform: capitalize;margin-bottom: 20px;}
.footer-links p{color: var(--white-color);margin-bottom: 30px;}
.footer-address{display: flex;flex-direction: column;gap: 0;}
.footer-address span{font-size: 1rem;line-height: 1.2rem;font-weight: 400;color: var(--white-color);}
.footer-address p{font-size: 1rem;line-height: 1.4rem;font-weight: 400;color: var(--white-color);max-width: 430px;}
.footer-quick-links{margin-left: 0px;}
.footer-links ul{margin: 0;padding: 0;list-style: none;}
.footer-links ul li{color: var(--white-color);text-transform: capitalize;font-size: 1rem;line-height: 1.2rem;margin-bottom: 10px;}
.footer-links ul li:last-child{margin-bottom: 0;}
.footer-links ul li a{color: var(--white-color);transition: all 0.3s ease-in-out;}
.footer-links ul li a:hover{color: var(--secondary-color);}
.footer-copyright{border-top: 1px solid var(--dark-divider-color);margin-top: 30px;padding: 20px 0;}
.footer-copyright-text{display: flex;flex-direction: row;justify-content: space-between;}
.footer-copyright-text p{color: #f9f9f9;margin-bottom: 0;width: 100%;text-align: center;}

/************************************/
/***      34. Responsive css      ***/
/************************************/
@media (max-width:1600px){

}

@media (max-width:1300px){
.app-contain{min-height: 175px;}
.otherpage-banner-content h1{font-size: 3.5rem;	line-height: 4rem;}

.section-title h2, h2{font-size: 2.3rem;}

.downloads-contain, .about-vm-section, .about-page-contain, .product-section, .contactpage-contact, .home-about-us, .home-product, .application-contain{padding:80px 0;}
.downloads-contain.downloads-contain1, .product-contact-sec{padding:0 0 80px 0;}
.ae-heading h2{font-size: 102px;line-height:110px;}
.ae-content {margin:-65px 0 0 0;}

.cp-call-sec a{font-size: 2rem;line-height: 2.2rem;}
.cp-call-sec a.email {font-size: 1.675rem;line-height: 1.875rem;}
}

@media (max-width:1200px){
   	.app-contain{min-height: 255px;}
.otherpage-banner-content h1{font-size: 3rem;line-height:3.5rem;}

.download-contain h4{font-size: 1.8rem;line-height:2rem;}
.section-title h2, h2{font-size: 2.1rem;}

.downloads-contain, .about-vm-section, .about-page-contain, .product-section, .contactpage-contact, .home-about-us, .home-product, .application-contain{padding:60px 0;}
.downloads-contain.downloads-contain1, .product-contact-sec{padding:0 0 60px 0;}
.ae-heading h2{font-size:80px;line-height:90px;}
.ae-content {margin:-55px 0 0 0;}
.cp-call-sec a{font-size: 1.8rem;line-height: 2rem;}
.cp-call-sec a.email {font-size: 1.575rem;line-height: 1.775rem;}
.contactpage-sec-content{gap:25px;}

}

@media (max-width:991px){
	.slicknav_nav li,
	.slicknav_nav ul{display: block;}
	.responsive-menu,
    .navbar-toggle{display: block;}
	.header-btn{display: none;}

	.app-contain{min-height: 175px;}
	.app-contain h4 {font-size: 1.2rem;}

.otherpage-banner-content h1{font-size:2.5rem;line-height:3rem;}

.download-contain h4{font-size: 1.6rem;line-height: 1.8rem;}
.section-title h2, h2{font-size: 1.8rem;}

.downloads-contain, .about-vm-section, .about-page-contain, .product-section, .contactpage-contact, .home-about-us, .home-product, .application-contain{padding:40px 0;}
.downloads-contain.downloads-contain1, .product-contact-sec{padding:0 0 40px 0;}

.about-page-content{margin: 1.2rem 0 0 0;}
.about-page-content h2{margin:0 0 1rem;}
.ae-heading h2{font-size:60px;line-height: 75px;}
.ae-content {margin:-45px 0 0 0;}
.product-content{margin: 1.2rem 0 0 0;}
.contactpage-sec-content{gap:20px;margin: 0 0 30px;}
.hp-heading, .abe-heading{margin: 0 0 30px;}
.abe-last-card{margin-top: 30px;}
.home-about-us-content{margin-top: 20px;}
.home-about-us h2 {margin: 0 0 1rem;}

}

@media (max-width:767px){


.app-contain{min-height: auto;}
.otherpage-banner-content h1{font-size:2rem;line-height:2.5rem;}

.download-box{padding: 20px 40px;}
.download-contain h4{font-size: 1.4rem;line-height: 1.6rem;}
.section-title h2, h2{font-size: 1.6rem;line-height: 1.9rem;}
.downloads-contain, .about-vm-section, .about-page-contain, .product-section, .contactpage-contact, .home-about-us, .home-product, .application-contain{padding:30px 0;}
.downloads-contain.downloads-contain1, .product-contact-sec{padding:0 0 30px 0;}
.vm-box {padding: 0px 30px 30px 30px;}
.vm-box.vm-box-first{margin-bottom: 2rem;}
.pc-box{flex-direction: column;gap:15px;}
.pc-box a{width: 80%;}
.product-r{flex-direction: column-reverse;}
.leftimg{margin: 0 0 20px 0;}
.hp-heading, .abe-heading{margin: 0 0 20px;}
.abe-second-card{margin-top: 30px;}
.footer-links{margin-top: 20px;}
.footer-links h3, .footer-address h3{margin-bottom: 10px;}
.footer-address{margin-top: 20px;}
.footer-logo {margin:0;}

}


@media (max-width:600px){

	.download-box{flex-direction: column;align-items: flex-start;justify-content: flex-start;padding: 20px 30px;gap:15px;}
	.download-contain{width: 100%;}
	.download-contain h4{font-size: 1.2rem;line-height: 1.5rem;}
	.download-box figure{right: 0;left: inherit;}
	.pc-box{border-radius: 50px;}
	.cp-call-sec a.email{word-break: break-all;}

}



@media (max-width:575px){
	.ae-heading h2 {font-size: 40px;line-height: 45px;}
    .ae-content {margin: 0;}
	.pc-box a{width: 100%;}

}