/*Table*/

table {
  width: 100%;
  border: 0 none;
	color: #000000;
}
table tr th {
  background: #003D47;
  color: #fff;
  position: sticky;
  top: 0;
}

 table tr:nth-child(even) {
  	background: #F0F4F5;
    color: #000000;
}
table,  th,  td {
  border: 1px solid #E05E19;
  border-collapse: collapse;
  padding: 10px 30px 10px 30px;
}

table tr th {
    font-weight: 400;
    letter-spacing: 1px;
}

@media (max-width: 991px) {
	table,  th,  td {
	  padding: 10px;
	}
}

/*Table ends*/


/*Page header*/

.page-header.page-header-modern h1 {
    font-size: 45px;
	font-weight: 400;
	line-height: 1.25;
	color: #1c394c !important;
}

.banner-internal img  {
  border-radius: 20px;
}

@media (min-width: 992px)
{
	.banner-internal  {
	  height: clamp(250px, 40vh, 40vh);
	  overflow: hidden;
	  border-radius: 40px;
	}
}

@media (max-width: 991px)
{
	.page-header.page-header-modern.page-header-md {
		padding: 20px 0 30px 0;
	}
	.page-header.page-header-modern h1 {
		font-size: 30px;
	}
}



/**/
.home-banner {
    background-image: linear-gradient(to bottom, var(--primary-light), var(--primary-light)) !important;
}

.custom-radius-sm {
	border-radius: 20px !important;
}

.custom-radius-sm-left {
	border-radius: 30px 0 0 30px !important;
}

.custom-radius-sm-right {
	border-radius: 0 30px 30px 0 !important;
}

@media (max-width: 991px) {
	.custom-radius {
		border-radius: 0 0 25px 25px !important;
	}
	
	.custom-radius-all {
		border-radius: 25px !important;
	}

}


/*Header*/
@media (min-width: 992px) {
	#header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a::before {
		height: 1px !important;
	}
	#header .header-nav-main.header-nav-main-text-size-4 nav > ul > li > a {
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0;
		color: var(--primary-dark) !important;
	}
}

@media (max-width: 991px) {
	html #header.header-transparent {
		min-height: 0 !important;
		width: 100%;
		position: relative;
	}
}

/**/

/*Shapes*/

.custom-el-2 img {
		margin-bottom: -47px;
}

.custom-el-pos-2 {
		top: 80%;
		right: -30px;
}

.custom-el-3 {
		width: 100%;
		height: 100%;
		max-width: 220px;
		max-height: 220px;
		min-height: 220px;
		position: relative;
		overflow: hidden;
}

.custom-el-3 .custom-el-3-img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}

.custom-el-3 .custom-el-3-img img {
		transition: transform 2s;
		will-change: transform;
}

.custom-el-3-pos-1 {
		top: 30%;
		z-index: 1;
}

.custom-el-3-pos-2 {
		top: -30%;
}


/**/

/* Custom Border Radius */
.custom-border-radius-1 {
		border-radius: 0 100px 0 100px;
}

.custom-border-radius-2 {
		border-radius: 100px 0 0 0;
}

.custom-border-radius-3 {
		border-radius: 100px 100px 100px 0;
}

.custom-border-radius-4 {
		border-radius: 200px 10px 10px 10px;
}

.custom-border-radius-5 {
		border-radius: 0 0 100px 0;
}


/*Typography*/
body {
    color: #000000;
    font-family: "Barlow", sans-serif;
    font-size: 18px;
    line-height: 1.5;
}
p {
    color: var(--paragraph) !important;
    font-size: 18px;
    line-height: 1.5;
}

.text-dark-turquoise-color {
    color: var(--dark-turquoise);
}
.text-paragraph {
	color: var(--paragraph);
}
.text-primary-dark {
	color: var(--primary-dark);
}
.text-body {
	color: var(--paragraph) !important;
}

.bg-primary-light{
	background-color: var(--primary-light) !important;
}
.bg-light-gray {
	background-color: var(--light-gray) !important;
}

.banner-heading {
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3;
}
.banner-sub-heading {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.5;
}
h1,h2,h3,h4,h5,h6 {
	letter-spacing: 0px;
}
.main-title {
	font-size: 45px;
	font-weight: 300;
	line-height: 1.25;
}
.lead-2 {
	font-size: 20px;
	line-height: 1.5;
}
.sec-title-top {
	font-size: 20px;
	text-transform: uppercase;
	border-bottom: 2px solid #FFB59A;
	padding-bottom: 5px;
	font-weight: 400;
	line-height: 150%;
}
.sec-heading {
	font-size: 30px;
	font-weight: 400;
	line-height: 1.25;
}

.btn {
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 400;
}

.counters strong {
    font-weight: 400;
    font-size: 60px;
}

@media (max-width: 767px) {
	
	body {
			color: #000000;
			font-family: "Barlow", sans-serif;
			font-size: 14px;
			line-height: 1.5;
		}
		p {
			color: var(--paragraph) !important;
			font-size: 14px;
			line-height: 1.5;
		}
	
    .banner-heading {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 1.5;
    }
    .banner-sub-heading {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 1.5;
    }
	
	.main-title {
		font-size: 30px;
		font-weight: 300;
		line-height: 1.25;
	}

    .lead-2 {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 1.7;
    }
	
	.sec-heading {
		font-size: 24px;
		font-weight: 400;
		line-height: 1.25;
	}
	
	.counters strong {
		font-weight: 400;
		font-size: 30px;
	}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-heading {
        font-size: 30px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 1.5;
    }
    .banner-sub-heading {
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 1.5;
    }

    .lead-2 {
        font-size: 18px;
        letter-spacing: 0.5px;
        line-height: 1.7;
    }

}

.rounded {
    border-radius: 10px !important;
}
.btn-tertiary {
	background-color: #ff6c00;
	border-color: #f58634 #f58634 var(--tertiary-300);
	color: #ffffff;
}
.btn-tertiary:hover:not(.bg-transparent), .btn-tertiary.hover:not(.bg-transparent) {
    background-color: #f58634;
	color: #ffffff;
}

/**/


/*Footer*/
#footer {
    background: #003D47;
	background: linear-gradient(
    to right,
    #003D47 0%,
    #003D47 50%,
    #074D58 50%,
    #074D58 100%
  );
    border-top: 4px solid var(--dark);
    font-size: 0.9em;
    margin-top: 50px;
    padding: 0;
    position: relative;
    clear: both;
}

.list.list-borders li {
    border-bottom: 1px solid #0e8f95;
    margin-top: 9px;
    margin-bottom: 0;
    padding-bottom: 9px;
}
.bg-primary-2 {
	background: #074D58 !important;
}

.bg-secondary-2 {
	background: #E05E19 !important;
}

/*demo-app-landing.html*/