html,
body {
	margin: 0;
	padding: 0;
	font-family: "Heebo", sans-serif;
	font-size: 16px;
	scroll-behavior: smooth;
	overflow-x: hidden;
}

:root {
	--primary: #0093dd;
	--secondary: #017dbc;
	--black: #000000;
	--white: #ffffff;
	--grey: #eaeaea;
	--lightgrey: #f7f7f7;
}

/*----------------------------------------------------------------------------------------------------------------
	Global
----------------------------------------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--black);
	font-weight: 700;
}

.h-emph {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 5px;
}

.h-emph::after {
	content: '';
	position: absolute;
	left: 0;
	width: 75px;
	bottom: 0;
	height: 3px;
	background: linear-gradient(to right, var(--primary), var(--secondary));
}

p {
	color: var(--black);
	line-height: 1.7;
}

a:hover {
	text-decoration: none;
}

li {
	list-style-type: none;
}

.c-btn {
	background-color: #071e70;
	color: var(--white);
	padding: 0.5rem 2rem;
	border-radius: 10px;
}

.c-btn:hover {
	color: var(--white);
	background-color: #04113e;
}

.mr0 {
	margin: 0;
}

.pd0 {
	padding: 0;
}

.mrt10 {
	margin-top: 10px;
}

.mrt20 {
	margin-top: 20px;
}

.mrt30 {
	margin-top: 30px;
}

.mrt40 {
	margin-top: 40px;
}

.mrb10 {
	margin-bottom: 10px;
}

.mrb20 {
	margin-bottom: 20px;
}

.mrb30 {
	margin-bottom: 30px;
}

.mrb40 {
	margin-bottom: 40px;
}

.pdt10 {
	padding-top: 10px;
}

.pdt20 {
	padding-top: 20px;
}

.pdb10 {
	padding-bottom: 10px;
}

.pdb20 {
	padding-bottom: 20px;
}

.section-entry {
	padding: 5rem 0;
}

.page-section {
	padding: 2rem 0;
}

.relative {
	position: relative;
}

.width100 {
	width: 100%;
}

.txtct {
	text-align: center;
}

.txtrt {
	text-align: right;
}

.txtupr {
	text-transform: uppercase;
}

.dflex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.default-btn {
	margin-top: 35px;
	margin-bottom: 35px;
}

.default-btn a {
	background-color: var(--white);
	color: var(--black);
	padding: 12px 24px;
	border-radius: 0 10px;
	text-decoration: none;
	font-weight: bold;
	transition: all 0.4s ease;
	box-shadow: 0 4px 10px rgba(0, 147, 221, 0.3);
	display: inline-block;
}

.default-btn a:hover {
	background-color: var(--primary);
	color: var(--white);
	transform: scale(1.05);
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
}


/*---------------------------------------------------------------------------------------------------------------------
	Navbar
---------------------------------------------------------------------------------------------------------------------*/

.navbar {
	background-color: var(--white) !important;
	-webkit-box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.2);
	padding: 0 15px;
}

.logo-img {
	width: 85px;
	position: absolute;
	top: 3px;
}

.nav-item {
	padding-left: 1rem;
}

.nav-link {
	color: var(--black) !important;
	line-height: 50px;
	text-transform: uppercase;
}

.navbar-dark .navbar-toggler {
	border: 2px solid var(--white);
}

/* add your custome hamburger icon */
.navbar-dark .navbar-toggler-icon {
	background-image: url(../img/toggler.png);
}

.navbar-dark .navbar-toggler:focus {
	outline: none;
}

.nav-item.dropdown:hover .dropdown-menu {
	display: block;
}

.nav-item.dropdown button:focus {
	border: none;
	outline: none;
	box-shadow: none;
}

.dropdown-menu {
	border: none;
	top: 96%;
	line-height: 25px;
	padding: 0;
}

.dropdown-item {
	border-bottom: solid 1px var(--grey);
	padding: 0.75rem 1.5rem;
}

.dropdown-item:hover {
	background-color: var(--lightgrey);
	color: var(--black);
}

.customNav {
	background-color: var(--white) !important;
	-webkit-box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.2);
	animation: navSlide 1s ease forwards;
}

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

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

.breadcrumb-container {
	border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  }
  
  .breadcrumb {
	display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 22px;
	background-color: transparent;
  }
  
  .breadcrumb li a {
	text-decoration: none;
	color: var(--primary);
	transition: color 0.3s;
	font-weight: 600;
  }
  
  .breadcrumb li a:hover {
	color: var(--secondary);
  }
  
  .breadcrumb .separator {
	margin: 0 8px;
	color: #aaa;
  }
  
  .breadcrumb .active {
	color: #333;
	font-weight: 500;
  }
  

/*---------------------------------------------------------------------------------------------------------------------
	Carousel
---------------------------------------------------------------------------------------------------------------------*/

.myCarouselCaption {
	right: 55%;
	bottom: 50%;
	transform: translateY(50%);
	left: 10%;
	color: var(--black);
	text-align: left;
}

.myCarouselCaption h1 {
	font-size: 63px;
    text-transform: capitalize;
    font-weight: 800;
    color: var(--white);
	font-family: "Heebo", sans-serif;
}

.myCarouselCaption h3 {
	font-size: 35px;
	text-transform: capitalize;
	font-weight: 600;
	color: var(--white);
	font-family: "Heebo", sans-serif;
}

.banner1 {
	background-image: url('../img/banner1.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom: 700px;
}

/* ...........................................................................
 Owl Carousel
..................................................................................... */

.owl-prev span,
.owl-next span {
	color: red;
	font-size: 20px;
	display: none;
}

.owl-prev span:hover,
.owl-next span:hover {
	color: #8199A3;
}

.owl-prev,
.owl-next {
	position: absolute;
	top: 0;
	height: 100%;
}

.owl-prev {
	left: -20px;
}

.owl-next {
	right: -20px;
}

/* removing blue outline from buttons */
button:focus,
button:active {
	outline: none;
}


/*---------------------------------------------------------------------------------------------------------------------
	Home
---------------------------------------------------------------------------------------------------------------------*/

.main-wrapper {
	margin-top: 67px;
}

.hm-pro-card {
	background: linear-gradient(to bottom, var(--white), #f0f0f0);
	/* Light gray gradient */
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease-in-out;
	height: 100%;
}

.hm-pro-card:hover {
	transform: translateY(-5px);
}

.hm-pro-heading h3 {
	color: var(--black);
	text-align: center;
	font-size: 25px;
	margin-bottom: 25px;
}

.hm-pro-heading h2 {
	text-align: center;
}

.ab-btn {
	margin-top: 30px;
}

.ab-btn a {
	background-color: var(--primary);
	color: var(--white);
	padding: 12px 24px;
	border-radius: 0 10px;
	text-decoration: none;
	font-weight: bold;
	transition: all 0.4s ease;
	box-shadow: 0 4px 10px rgba(0, 147, 221, 0.3);
	display: inline-block;
}

.ab-btn a:hover {
	background-color: var(--secondary);
	color: var(--white);
	box-shadow: 0 6px 14px rgba(1, 25, 188, 0.3);
}

.heading h2 {
	text-align: center;
	color: var(--black);
	margin-bottom: 50px;
}

.achievement-wrapper {
	background-image: url('../img/hm-bg-2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ffffffd4;
	background-blend-mode: overlay;
}

.achivement-details {
	text-align: center;
}

.achievement-img img {
	border-radius: 50%;
	border: solid 2px var(--primary);
	margin-bottom: 35px;
}

.iso-image img {
	margin: 0 auto 20px;
	display: table;
}

.sub-heading {
	text-align: center;
	margin-bottom: 50px;
}

.counter-wrapper {
	background-image: url('../img/counter-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 10rem 0;
}

.counter-wrap {
	background: var(--white);
	border-radius: 16px;
	padding: 40px 30px;
	text-align: center;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	margin: 20px auto;
	width: 100%;
}

.counter-wrap:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}

.counter {
	font-size: 52px;
	font-weight: bold;
	color: var(--primary);
	margin-bottom: 10px;
	transition: color 0.3s ease;
}

.counter-label {
	font-size: 18px;
	line-height: 1.4;
	color: #333;
}

.owl-carousel.owl-drag .owl-item .item {
	padding: 5px;
}

.image-card {
	background: linear-gradient(to bottom, var(--white), #f8f8f8);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.image-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
}

.intro-img-wrap {
	background-image: url('../img/hm-intro.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	border-radius: 10px;
}

.hm-product-wrapper {
	background-image: url('../img/product-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.hover-card {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	/* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); */
	cursor: pointer;
	margin-bottom: 2rem;
	padding: 20px 30px;
	background-color: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.hover-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
	padding: 0 30px 30px;
}

.hover-card:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	border: 1px solid transparent;
}

.hover-card:hover img {
	transform: scale(1.05);
}

.hover-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px;
	color: var(--white);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	transition: all 0.4s ease;
}

.hover-card:hover .hover-content {
	background-color: rgba(255, 255, 255, 0.8);
	justify-content: flex-start;
}

.hover-title {
	font-size: 30px;
	font-weight: 700;
	margin: 0;
	transform: translateY(0);
	transition: transform 0.4s ease;
}

.hover-description,
.hover-button {
	display: none;
	visibility: hidden;
	transform: translateY(20px);
	transition: all 0.4s ease;
}

.hover-card:hover .hover-description,
.hover-card:hover .hover-button {
	display: block;
	visibility: visible;
	transform: translateY(0);
}

.hover-card:hover .hover-description {
	padding: 0 20px;
	text-align: justify;
}

.hover-description {
	font-size: 15px;
	margin: 10px 0;
}

.hover-button {
	background: var(--primary);
	color: var(--white);
	border-radius: 50%;
	font-size: 20px;
	text-decoration: none;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	transition: all 0.3s;
}

.hover-button:hover {
	background: var(--secondary);
	color: var(--white);
}

/* Our Presence */

.global-presence {
	position: relative;
	background: url('../img/our-presencebg.jpg') no-repeat center center;
	background-size: cover;
	padding: 10rem 0;
  }
  
  .presence-content {
	position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 40px;
	padding: 0 50px;
  }
  
  .presence-box {
	background: rgba(255, 255, 255, 0.9);
	padding: 20px 40px;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.1);
	transition: transform 0.3s ease;
	/* width: fit-content; */
	max-width: 33%;
    flex: 0 0 33%;
    text-align: center;
  }
  
  .presence-box:hover {
	transform: translateY(-5px);
  }
  
  .presence-box h2 {
	font-size: 48px;
	font-weight: 800;
	margin: 0;
	text-align: center;
  }
  
  .presence-box span {
	font-size: 30px;
	color: #666;
	margin-left: 4px;
  }
  
  .presence-box p {
	font-size: 18px;
	color: #555;
	margin: 0;
  }
  

.did-know-details {
	background-color: var(--black);
	padding: 50px;
}

.did-you-know-wrapper {
	background-image: url('../img/lead-did.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	padding: 7rem 0;
}

.did-know-details h2 {
	color: var(--white);
}

.did-know-details p {
	color: var(--white);
}

/*---------------------------------------------------------------------------------------------------------------------
	About
---------------------------------------------------------------------------------------------------------------------*/
.about-img img {
	border-radius: 15px;
}

.ab-counter i {
	font-size: 45px;
	margin-bottom: 9px;
}

.ab-counter {
	position: absolute;
	top: 70px;
	left: -40px;
	z-index: 2;
	background-color: var(--primary);
	color: var(--white);
	border-radius: 8px;
	padding: 50px 40px 63px
}

.ab-counter h2 {
	color: var(--white);
	font-size: 54px;
}

.ab-counter h6 {
	color: var(--white);
	font-size: 20px;
}

/* .ab-heading h2 {
	background-color: #0093dd2e;
	color: var(--black);
	border-radius: 30px;
	padding: 4px 23px;
	max-width: 50%;
	margin-bottom: 1rem;
	font-size: 30px;
} */

.ab-value-feature-wrapper {
	background-color: var(--primary);
	background-image: url('../img/product-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-blend-mode: multiply;
}

.ab-bg-heading {
	padding: 30px 60px;
}

.ab-bg-heading h2 {
	color: var(--white);
	text-align: center;
	font-weight: 900;
}

.ab-bg-heading h3 {
	color: var(--white);
	text-align: center;
	font-weight: 300;
    margin-top: 25px;
    font-size: 24px;
	padding: 0 75px;
}

.core-value-card {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 22px 13px;
	border-radius: 15px;
	margin-bottom: 35px;
}

.card-value-bottom {
	margin-top: 2rem;
}

.core-value-card img {
	border-radius: 15px;
	margin-bottom: 20px;
}

.core-value-card h5 {
	font-size: 25px;
}

.testimonial-heading h2 {
	color: var(--black);
}

.checked {
	color: rgb(255 166 0 / 92%);
	margin-bottom: 19px;
}

.testimonial-card {
	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 100% 100%, 0 100%, 0% 70%, 0 0);
	background-color: #ebf2f6;
	padding: 36px 39px;
	border-radius: 27px;
}

.testimonial-name h5 span {
	color: var(--black);
	font-size: 18px;
}

.aticle-box {
	position: relative;
	overflow: hidden;
}

.owl-carousel .owl-stage {
	display: flex;
}

.article-items {
	display: flex;
	flex: 1 0 auto;
	height: 100%;
}


/*---------------------------------------------------------------------------------------------------------------------
	Products
---------------------------------------------------------------------------------------------------------------------*/
.default-banner-pure-lead {
	background-image: url('../img/bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 150px 0;
	background-blend-mode: overlay;
	background-color: #001131c9;
}

.banner-heading-page h2 {
	color: var(--white);
	font-size: 50px;
}

.pro-btn {
	margin-top: 35px;
}

.pro-btn a {
	background-color: var(--primary);
	color: var(--white);
	padding: 12px 20px;
}



/*---------------------------------------------------------------------------------------------------------------------
	Manufacturing
---------------------------------------------------------------------------------------------------------------------*/

.list-details-one h6 {
	color: var(--black);
}

.list-details-two h6 {
	color: var(--black);
}

.unit-product-wrap {
    display: flex;
    margin-bottom: 10px;
}

.unit-icon {
    padding-right: 10px;
    color: var(--primary);
}

.unit1-image {
	background-image: url('../img/unit1.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	border-radius: 10px;
}

.unit2-image {
	background-image: url('../img/unit2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	border-radius: 10px;
}


/*---------------------------------------------------------------------------------------------------------------------
	Managment
---------------------------------------------------------------------------------------------------------------------*/


.team-info-box {
	margin-bottom: 30px;
  }

  .team-info-box{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f2f2f2;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	
  }
  
  .our-team-text-inner {
	padding: 25px 20px;
  }
  
  .mrt50{
	margin-top: 50px;
  }
  
  .our-team-title h4{
	color: var(--primary);
	text-transform: uppercase;
	font-weight: 700;
  }
  
  .our-team-sm-title h6{
	font-size: 20px;
	font-weight: 500;
  }
  
  .social-links-director span a i {
	font-size: 25px;
	color: #00006d;
	border-radius: 50%;
	padding: 5px;
  }
  

/*---------------------------------------------------------------------------------------------------------------------
	Contact
---------------------------------------------------------------------------------------------------------------------*/

#mail-msg-alert {
	margin-bottom: 3rem;
}

#mail-msg-alert button.btn {
	display: table;
	margin: 0 auto;
}

#mail-msg {
	color: var(--white);
}

#mail-msg:hover {
	text-decoration: none;
}

.map-wrapper {
	line-height: 0;
}

.contact-row {
	background-color: white;
	position: relative;
	margin-top: -100px;
	padding: 40px 30px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.contact-side-wrap {
	background-color: var(--primary);
	border-radius: 20px;
	padding: 45px 35px;
	height: 100%;
}

.contact-mail-wrap h4 {
	color: var(--white);
	font-size: 35px;
}

.contact-submit {
	background-color: var(--primary);
	border-radius: 0;
	color: var(--white);
	padding: 10px 40px;
}

.contact-submit:hover {
	background-color: var(--black);
	color: var(--white);
}

.form-control {
	height: calc(2.0em + .75rem + 2px);
    padding: 0.5rem .75rem;
    color: #495057;
    background-color: #f4f4f4cc;
    border: 1px solid #a2a2a25e;
    border-radius: 10px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

label {
	margin-left: 8px;
}

.contact-phone-wrap {
	margin-top: 13px;
	font-size: 18px;
}

.contact-phone-wrap a,
.contact-phone-wrap i {
	color: var(--white);
}

.contact-social-wrap {
	margin-top: 18px;
}

.contact-social-list {
	display: flex;
	padding-left: 0;
}

.contact-social-list a i {
	color: var(--white);
	font-size: 23px;
}

/*---------------------------------------------------------------------------------------------------------------------
	404 page not found
---------------------------------------------------------------------------------------------------------------------*/
/*.page-not-found-wrap {
	margin-top: 7rem;
}*/
.page-not-found {
	display: table;
	margin: 0 auto;
	padding: 5rem 0;
	width: 50%;
	filter: drop-shadow(2px 4px 6px black);
	display: none;
}

.page-not-found-text {
	text-align: center;
	margin: 8rem 0 5rem;
}

/* oops text with fill background image */
.page-not-found-text h1 {
	font-family: 'Rubik Mono One', sans-serif;
	font-size: 20vw;
	color: var(--black);
	background: url("../img/banner1.jpg") no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-position: center;
	text-transform: capitalize;
	/*display: none; currently not visible*/
}

.page-not-found-text h6 {
	font-size: 25px;
	font-weight: bold;
}

.page-not-found-text a {
	font-weight: bold;
}

/*---------------------------------------------------------------------------------------------------------------------
	Events
---------------------------------------------------------------------------------------------------------------------*/
.thumb {
	overflow: hidden;
	margin-bottom: 20px;
}

img.zoom {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    transition: transform 0.5s ease-in-out;
}

img.zoom:hover {
    transform: scale(1.2);
}




/*---------------------------------------------------------------------------------------------------------------------
	Events
---------------------------------------------------------------------------------------------------------------------*/

.career-info {
	margin-bottom: 2rem;
}

.career-btn button {
	background-color: var(--primary);
	color: var(--white);
	padding: 12px 24px;
	border-radius: 0 10px;
	text-decoration: none;
	font-weight: bold;
	transition: all 0.4s ease;
	box-shadow: 0 4px 10px rgba(0, 147, 221, 0.3);
	display: inline-block;
}

.career-btn button:hover {
	background-color: var(--secondary);
	color: var(--white);
	box-shadow: 0 6px 14px rgba(1, 25, 188, 0.3);
}
/*---------------------------------------------------------------------------------------------------------------------
	Footer
---------------------------------------------------------------------------------------------------------------------*/
.footer-wrapper {
	background-color: var(--primary);
	background-image: url('../img/bg1.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: multiply;
}

.bottom-footer-wrapper {
	background-color: #00a5f8;
	padding: 1rem 0;
}

.footer-copyright-text {
	margin-bottom: 0;
	text-align: center;
	font-size: 0.85rem;
	color: var(--white);
}

.footer-social-list {
	display: flex;
	padding-left: 0;
}

.footer-social-list a i {
	color: var(--white);
	font-size: 25px;
}

.ft-text-wrap img {
	width: 115px;
	margin-bottom: 11px;
}

.list-text {
	padding-left: 0;
}

.list-text li a {
    color: var(--white);
	line-height: 35px;
}

.white-head {
	font-weight: 800;
	font-size: 20px;
	margin-bottom: 15px;
	color: var(--white);
}

.last-txt a {
    color: var(--white);
}

.creator-link {
	color: #e9e9e9;
	font-weight: 800;
}

.creator-link:hover {
	color: var(--white);
}

.products-wrapper {
	background-color: var(--lightgrey);
	background-image: url('../img/bg2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-blend-mode: multiply;
}

/* .pro-info-wrapper h2 {
    color: var(--primary);
} */

.application-wrapper {
	padding-bottom: 0;
}

.application-list ul {
	padding-left: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 0;
}

.application-list ul li {
	max-width: 50%;
	flex: 0 0 50%;
	line-height: 30px;
	position: relative;
	padding-left: 25px;
	padding-right: 50px;
	margin-bottom: 30px;
}

.application-list ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 10.5px;
    height: 9px;
    width: 9px;
    background-color: var(--primary);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.table .thead-dark th {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    border-right: 1px solid var(--primary);
    border-left: 1px solid var(--primary);
    border-bottom: 1px solid var(--primary);
}

.cta-wrapper {
    background-color: #eeeeee;
}

.cta-box {
    text-align: center;
}

.cta-box h2 {
	color: var(--black);
    margin-bottom: 20px;
}

.cta-box p {
	color: var(--black);
}

.cta-btn a {
    background-color: var(--black);
    color: var(--white);
    padding: 15px 35px;
    border-radius: 0 10px;
}