/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 2.0.1705125916
Updated: 2024-01-13 06:05:16

*/

html, body {
	scroll-behavior: smooth;
}

*, html, body {
    margin: 0;
}

.container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 50px;
}

.fw-container {
	max-width: 800px;
}

main {
    background-color: #f2f6fe;
}

.visible {
	display: block !important;
}

.hidden {
	display: none;
}

.item-center,
.item-center p {
	margin: 0 auto;
}

/* Flex */
.flex {
    display: flex;
}

.wrap {
    flex-wrap: wrap;
}

.flex-column {
    flex-direction: column;
}

.flex-end {
    justify-content: flex-end;
}

.flex-center {
    justify-content: center;
}

.flex-space-between {
    justify-content: space-between;
}

.flex-item-center {
    align-items: center;
}

.gap-50 {
    gap: 50px
}

/* Column Width Globals */
.col-10 {
    width: 10%;
}

.col-20 {
    width: 20%;
}

.col-30 {
    width: 30%;
}

.col-40 {
    width: 40%;
}

.col-50 {
    width: 50%;
}

.col-60 {
    width: 60%;
}

.col-70 {
    width: 70%;
}

/* Height Globals */
.h-30p {
	height: 30px
}

.h-100vh {
	height: 100vh;
}

/* Width Globals */
.mw-100 {
	max-width: 100%;
}

.w-100-text p,
.w-100-text span,
.w-100-text input {
    width: 100% !important;
}

.w-100 {
    width: 100%;
}

.w-70 {
    width: 70%;
}

.w-40 {
    width: 40%;
}
.w-45 {
    width: 45%;
}

.w-50,
.w-50-text p {
    width: 50%;
}

.w-60 {
    width: 60%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w-20,
.flex-list-item-w-20 li {
    width: 20%;
}

.w-25,
.flex-list-item-w-25 li {
    width: 25%;
}

.w-30,
.flex-list-item-w-30 li {
    width: 30%;
}
.w-30p {
	width: 30px;
}

.w-130 {
    width: 130px;
}

.w-145 {
    width: 145px;
}

.w-152 {
    width: 152px;
}

.w-170 {
    width: 170px;
}

.w-180 {
    width: 180px;
}

.w-210 {
    width: 210px;
}

.w-230 {
    width: 230px;
}


.w-500 {
    width: 500px;
}

/* Absolute Left */
.l-138 {
    left: -138px;
}

.l-152 {
    left: -152px;
}

.l-178 {
    left: -178px;
}

.l-218 {
    left: -218px;
}

/* Margins Global */
.m-0,
.m-0 p {
    margin: 0;
}

.ml-10,
.ml-10 p {
    margin-left: 10px;
}

.mr-auto {
	margin-right: auto;
}

.ml-auto {
	margin-left: auto;
}

.mr-10 {
    margin-right: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mr-20 {
    margin-right: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.ml-20 {
    margin-left: 20px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-100 {
    margin-top: 100px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mt-200 {
    margin-top: 200px;
}

.mt-600 {
    margin-top: 600px;
}

.mb-600 {
    margin-bottom: 600px;
}

.mt-300 {
    margin-top: 300px;
}

.mb-300 {
    margin-bottom: 300px;
}

.mt-auto {
    margin-top: auto;
}

/* Paddings Global */
.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.pt-200 {
    padding-top: 200px;
}

.pb-200 {
    padding-bottom: 200px;
}

.pt-400 {
    padding-top: 400px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pl-100 {
    padding-left: 100px;
}


.pr-100 {
    padding-right: 100px;
}


.pt-150 {
    padding-top: 150px;
}

.pt-20 {
    padding-top: 20px;
}

.pr-20 {
    padding-right: 20px;
}

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

.pl-20 {
    padding-left: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pl-30 {
    padding-left: 30px;
}

.p-30 {
    padding: 30px;
}

.pt-50 {
    padding-top: 50px;
}

.pr-50 {
    padding-right: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pl-50 {
    padding-left: 50px;
}

.p-50 {
    padding: 50px;
}

.pl-15 {
    padding-left: 15px;
}

.p-0 {
    padding: 0;
}

ul {
	padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

.link a {
	color: #16cae5;
}

#content {
    margin-top: -220px;
}

.page-template-contact #content {
    margin-top: 0;
}

section,
.col-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

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

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

/* Background Colors */
.bg-white {
    background-color: #fff;
}

.bg-dark {
    background-color: #192537;
}

/* Border */
.bl-1-solid {
    border-left: 1px solid #16cae5;
}

.bl-2-solid {
    border-left: 2px solid #16cae5;
}

.bb-1-solid {
    border-bottom: 1px solid #192537;
}

/* Border Radius */
.br-10 {
    border-radius: 10px;
}

.br-50 {
	border-radius: 50px;
}

/* Header */
header {
	background-color: #192537;
}

.home header {
	background-color: transparent;
}

.sub-menu-toggle,
.sub-menu {
	display: none;
}

.menu-item-has-children:hover .sub-menu {
	display: block;
}

.menu-item-has-children a::after {
	content: "▼";
	color: #fff;
	font-size: 12px;
	position: absolute;
	top: 8px;
	right: -20px;
}

.menu-item-has-children {
	position: relative;
}

.sub-menu {
	position: absolute;
	background-color: rgba(154, 228, 244, 0.6);
	padding: 15px 0;
	list-style: none;
}

.sub-menu .menu-item {
	background-color: #26384a;
	padding: 5px 10px;
	margin: 20px 15px;
	width: 170px;
}


/* Common */
.z-2 {
	z-index: 2;
}

.z-3 {
	z-index: 3;
}

.text-lower,
section .text-lower {
    text-transform: inherit;
}

h1,
h2,
p,
.btn-secondary,
nav ul li a,
.sec-heading,
.card-link,
.card-heading {
    font-family: 'Afacad', sans-serif;
}

h1,
h2,
p,
.btn-secondary,
nav ul li a,
.card-heading,
section .text-white,
.card-link:hover {
    color: #fff;
}

.text-dark,
.text-dark p,
.text-dark a {
    color: #192537;
}

input[type=submit],
.btn-primary {
    font-family: 'Nunito', sans-serif;
}

.sec-heading {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    color: #212e50;
}

h1 {
    font-size: 80px;
    font-weight: bold;
    line-height: 85px;
}

h2 {
    font-size: 40px;
    font-weight: normal;
    line-height: 45px;
}

p {
    font-size: 20px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 20px;
}

input[type=submit]:hover,
.btn-primary:hover {
    background-color: transparent;
}

input[type=submit]:hover,
.btn-primary:hover,
nav ul li a:hover,
.card-link,
.current-menu-item a {
    color: #16cae5 !important;
	border-bottom: 2px solid #16cae5;
}

input[type=submit],
.btn-primary,
.btn-secondary,
nav ul li a,
.card-link {
    font-size: 20px;
}

input[type=submit],
.btn-primary,
.btn-secondary {
    padding: 15px 50px;
    font-weight: bold;
}

.btn-primary {
    background-color: #16cae5;
    border: 2px solid #16cae5;
    color: #192537;
}

.btn-secondary {
	display: block;
    background-color: #192537;
    text-decoration: none;
    border: 2px solid #16cae5;
}

.btn-secondary span {
    color: #16cae5;
}

.btn-secondary:hover, 
.btn-secondary:hover span {
    background-color: #16cae5;
    color: #192537;
}

.nav-wrapper ul li {
  margin: 0 30px;
}

.heading-wrapper::before {
    content: '';
    background-image: url('/wp-content/uploads/2024/01/guard-hr.png');
    display: block;
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
}

.slider ul li img {
    height: 100px;
}

/* Banner */
header::before {
	content: '';
	background-image: url('/wp-content/uploads/2024/02/banner-tech-lines.webp');
	position: absolute;
	width: 100%;
	height: 100vh;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0;
	pointer-events: none;
	background-position: right;
}

.home #banner::after {
	content: '';
	background-image: url('/wp-content/uploads/2024/02/banner-tech-lines-2.webp');
	position: absolute;
	width: 60%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	bottom: 0;
	pointer-events: none;
}

/* .page-template-about #faq::after {
	content: '';
	background-image: url('/wp-content/uploads/2024/02/about-tech-lines-2.png');
	position: absolute;
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	top: -50%;
	pointer-events: none;
} */

.home #banner::before {
	content: '';
	background-color: #192537;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: 0.9;
}

/* .home header.sticky::before {
	display: block;	
} */

#responsive-menu-btn {
	background-color: #fff;
	border: none;
	padding: 10px 8px;
	max-width: 40px;
	width: 100%;
	border-radius: 3px;
	cursor: pointer;
	position: absolute;
}

header.sticky::before {
	display: none;
}

.slick-arrow {
	z-index: 1 !important;
}

.relative {
	position: relative;
}


#banner .slick-track {
  display: flex;
  align-items: center;
}
#banner .slick-track img {
  margin: 0 auto;
  max-width: 212px;
  object-fit: contain;
}
#banner .right:before{
	content: "\203A";
}
#banner  .left:before{
	content: "\2039";
}
#banner .slick-arrow {
  position: absolute;
  z-index: 222;
  font-size: 0px;
  color: #499343;
  cursor: pointer;
	bottom: 20px;
}
#banner .slick-arrow:hover{
	transition:ease-in-out all .3s;
	color:#1a82c5;
}
#banner .slick-arrow.slick-next{
	right:0px;
}
#banner .slick-arrow.slick-prev{
	left:0px;
}
.slick-arrow.slick-prev:before, .slick-arrow.slick-next:before {
    font-size: 52px !important;
}

/* FAQ Section */
.accordion-answer {
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	max-height: 0;
}

.accordion {
	list-style: disc;
	padding-left: 20px;
}

.accordion-title.active, 
.accordion-title:hover {
	color: #16cae5;
	cursor: pointer;
}


/* Why Choose Section */
#features::before,
#features::after {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	pointer-events: none;
}

#features::before {
	background-image: url('/wp-content/uploads/2024/02/whychoose-tech-lines.png');
	width: 30%;
	height: 100%;
	top: -70%;
	right: 0;
	background-position: right;
}

#features::after {
	background-image: url('/wp-content/uploads/2024/02/whychoose-tech-lines-2.png');
	width: 30%;
	height: 100%;
	bottom: 0;
}

.home #features::before {
	top: -140px;
}


/* Offer Section */
.show-hovered {
    display: none;
}

.card:hover .hide-hovered {
    display: none;
}

.card:hover .show-hovered {
    display: block;
}

.card-main-content,
.card-hover-content {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}

.card-main-content,
.card-hover-content {
    height: 600px;
}

.card-heading {
    font-size: 30px;
}

.list-wrapper {
    list-style: disc;
    color: #fff;
}

/* Empty Section */
.content-spacer {
    padding: 500px;
}

/* About Section */
.about-content-wrapper {
    margin-top: -200px;
}

.about-content-wrapper p {
    color: #404040;
}

.about-content-wrapper::before {
    content: '';
    background-image: url('/wp-content/uploads/2024/01/guard-icon.png');
    display: block;
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
}

.guard-list li {
    position: relative;
}

.connector-left,
.connector-right {
    position: absolute;
    border-top: 1px solid #16cae5;
    top: 15px;
}

.connector-left::before,
.connector-right::before {
    content: '';
    background-color: #16cae5;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50px;
    position: absolute;
    top: -5px;   
}

.connector-left::before {
    left: 0;
} 

.connector-right::before {
    right: 0;
}

/* Brand Promise Section */
.brand-promise-wrapper {
    background-color: #f2f6fe;
}

/* Form Style */
form input::placeholder,
form p {
	color: #fff;
	font-family: 'Lato', sans-serif;
}

form input {
	  background: transparent;
	  margin-bottom: 10px !important;
	  border-top: 0 !important;
	  border-left: 0 !important;
	  border-right: 0 !important;
	  padding: 10px 0 0 !important;
}

form textarea {
	border-color: #3b4555;
	background-color: #3b4555;
	margin: 10px 0;	
}


input[type=submit] {
    background-color: #16cae5 !important;
    border: 2px solid #16cae5 !important;
    color: #192537 !important;
	padding: 10px !important;
}

input[type=submit]:hover {
	background: transparent !important;
	color: #16cae5 !important;
}

/* Footer Social Navigation */
.social-nav-item {
	color: #f2f6fe;
	background-color: #212e50;
}

.social-nav-item:hover {
	background-color: #16cae5;
}

/* Navbar Sticky */
#navbar {
	position: relative;
}

#navbar.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #192537;
	padding: 20px 0;
}

#navbar.sticky .btn-wrapper {
	padding: 0;
}

.responsive-menu-wrapper a {
	color: #16cae5;
}

.list-wrapper ul li {
	font-size: 20px;
}

/* 404 */
.error404 .site-content {
	margin-top: 0 !important;
}

.search-form label {
	display: none;
}

/* Privacy Policy */
.privacy-policy .entry-header.alignwide {
	background-color: transparent;
	max-width: 1600px;
	margin: 300px auto 0 auto;
	padding: 0 50px;
	border: none;
}

.privacy-policy h1 {
	font-size: 80px !important;
	font-weight: bold;
}

.privacy-policy .entry-content h2, 
.privacy-policy .entry-content p,
.privacy-policy .entry-content ul {
	color: #192537;
	max-width: 1600px !important;
	padding: 0 50px;
	margin: 0;
}


.privacy-policy .entry-content h2 {
	margin: 30px auto 10px auto;	
}

.privacy-policy .entry-content p {
	margin: 10px 0;
}

.privacy-policy .entry-header.alignwide::before {
	display: none;
}

.privacy-policy .site-content ul li::before {
	content: '';
	background-color: #192537;
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50px;
}

.privacy-policy .site-content ul li p {
	display: inline-block;
}


/* Animation */
@keyframes roll-up {
	0% {
		transform: translateY(100px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@media (prefers-reduced-motion: no-preference) {
	.animate-ru {
		animation: roll-up 0.8s 1;
	}
}

@keyframes roll-down {
	0% {
		transform: translateY(-100px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@media (prefers-reduced-motion: no-preference) {
	.animate-rd {
		animation: roll-down 0.8s 1;
	}
}

@keyframes roll-left {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@media (prefers-reduced-motion: no-preference) {
    .animate-rl {
        animation: roll-left 0.8s 1;
    }
}

@keyframes roll-right {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .animate-rr {
        animation: roll-right 0.8s 1;
    }
}

.sec-heading,
.image,
.guard-list li {
	height: auto;
}

/* Responsive */
@media only screen and (max-width:1600px) {
	#features::before, 
	#features::after {
		width: 50%;
	}
	
	input[type="submit"], 
	.btn-primary, 
	.btn-secondary {
		padding: 5px 10px;
	}
	
	.w-10-xxxl {
		width: 10%;
	}
	
	.w-20-xxxl {
		width: 20%;
	}
	
	.w-30-xxxl {
		width: 30%;
	}
	
	.w-40-xxxl {
		width: 40%;
	}
	
	.w-50-xxxl {
		width: 50%;
	}
	
	.w-60-xxxl {
		width: 60%;
	}
	
	.w-70-xxxl {
		width: 70%;
	}
	
	.w-80-xxxl {
		width: 80%;
	}
	
	.w-90-xxxl {
		width: 90%;
	}
}

@media only screen and (max-width:1470px) {

	h1 {
		font-size: 70px;
		line-height: 75px;
	}
	
	h2 {
		font-size: 35px;
		line-height: 40px;
	}
	
	h4 {
		font-size: 20px;
	}

	.list-wrapper ul li,
	p {
		font-size: 18px;
	}
	
	.sec-heading {
		font-size: 30px;
	}
	
	.pt-30-xl {
		padding-top: 30px;
	}
	
	.pb-30-xl {
		padding-bottom: 30px;
	}
	
	.mb-20-xl {
		margin-bottom: 20px;
	}
	
	.mb-30-xl {
		margin-bottom: 30px;
	}
	
	
	.w-10-xxl {
		width: 10%;
	}
	
	.w-20-xxl {
		width: 20%;
	}
	
	.w-30-xxl {
		width: 30%;
	}
	
	.w-40-xxl {
		width: 40%;
	}
	
	.w-50-xxl {
		width: 50%;
	}
	
	.w-60-xxl {
		width: 60%;
	}
	
	.w-70-xxl {
		width: 70%;
	}
	
	.w-80-xxl {
		width: 80%;
	}
	
	.w-90-xxl {
		width: 90%;
	}
	
	.pt-100-xxl {
		padding-top: 100px;
	}
}

@media only screen and (max-width: 1366px) {
	
	input[type="submit"], 
	.btn-primary, 
	.btn-secondary {
		font-size: 18px;
	}
	
	.hidden-xl {
		display: none;
	}
	
	.text-center-xl {
		text-align: center;
	}
	
	.text-left-xl {
		text-align: left;
	}
	
	.text-right-xl {
		text-align: right;
	}
	
	#features .sec-content::before {
		background-image: url('/wp-content/uploads/2024/01/guard-img.png');
		background-size: contain;
		background-repeat: no-repeat;
		content: "";
		width: 100%;
		height: 500px;
		position: absolute;
		opacity: 0.4;
		top: 20%;
		background-position: center;
		left: 0;
	}
	
	.list-wrapper ul li {
		font-size: 18px;
	}
	
	.w-20-xl {
		width: 20%;
	}
	
	.w-30-xl {
		width: 30%;
	}
	
	.w-40-xl {
		width: 40%;
	}
	
	.w-50-xl {
		width: 50%;
	}
	
	.w-60-xl {
		width: 60%;
	}
	
	.w-70-xl {
		width: 70%;
	}
	
	.w-80-xl {
		width: 80%;
	}
	
	.w-90-xl {
		width: 90%;
	}
	
	.w-100-xl {
		width: 100%;
	}
	
	.flex-col-xl {
		flex-direction: column;
	}
	
	.p-0-xl {
		padding: 0;	
	}
	
/* 	.p-20-xl {
		padding: 20px;	
	} */
	
	.p-30-xl {
		padding: 30px;	
	}
	
	.p-200-xl {
		padding: 200px;
	}
	
	.pb-20-xl {
		padding-bottom: 20px;
	}
	
	.pt-20-xl {
		padding-top: 20px;
	}
	
	.pb-50-xl {
		padding-bottom: 50px;
	}
	
	.pt-50-xl {
		padding-top: 50px;
	}
	
	.pt-200-xl {
		padding-top: 200px;
	}
	
	.pt-100-xl {
		padding-top: 100px;
	}
	
	.pb-100-xl {
		padding-bottom: 100px;
	}
	
	.pl-100-xl {
		padding-left: 100px;
	}
	
	.w-95px-xl {
		width: 95px;
	}
	
	.w-100px-xl {
		width: 100px;
	}
	
	.w-115px-xl {
		width: 115px;
	}
	
	.w-120px-xl {
		width: 120px;
	}
	
	.w-145px-xl {
		width: 145px;
	}
	
	.w-180px-xl {
		width: 180px;
	}
	
	.l--105-xl {
		left: -105px;
	}
	
	.l--110-xl {
		left: -110px;
	}
	
	.l--135-xl {
		left: -135px;
	}
	
	.l--190-xl {
		left: -190px;
	}
	
	.mt-300-xl {
		margin-top: 300px;
	}
	
	.m-100-0-xl {
		margin: 100px 0;
	}
	
	.h-auto-xl {
		height: auto !important;
	}
	
	.m-auto-xl {
		margin: 0 auto;
	}
	
	.flex-center-xl {
		justify-content: center;
	}
}

@media only screen and (max-width: 980px) {
	
	#features::before, 
	#features::after,
	.home #banner::after {
		width: 100%;
	}
	
	.absolute-bg-md {
		position: absolute;
		height: 100%;
  		width: 100%;
  		opacity: 0.2;
		pointer-events: none;
	}
	
	.m-0-auto-md {
		margin: 0 auto;
	}
	
	#testimonial::before {
		content: '';
		background-color: #192537;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		opacity: 0.9;
	}
	

	.flex-col-md {
		flex-direction: column;
	}
	
	.nav-wrapper ul li {
		margin: 0 15px;
	}
	.p-20-md {
		padding: 20px;	
	}
	
	.w-20-md {
		width: 20%;
	}
	
	.w-30-md {
		width: 30%;
	}
	
	.w-40-md {
		width: 40%;
	}
	
	.w-50-md {
		width: 50%;
	}
	
	.w-60-md {
		width: 60%;
	}
	
	.w-70-md {
		width: 70%;
	}
	
	.w-80-md {
		width: 80%;
	}
	
	.w-90-md {
		width: 90%;
	}
	
	.w-100-md {
		width: 100%;
	}
	
	.brand-promise-wrapper {
		background-color: rgba(242, 246, 254, 0.8);
	}
	
	.text-center-md {
		text-align: center;
	}
	
	.flex-center-md {
		justify-content: center;
	}
	
	.w-25-md {
		width: 25% !important;
	}
	
	.flex-md {
		display: flex;
	}
	
	.visible-md {
		display: block;
	}
	
	.hidden-md {
		display: none;
	}
	
	.pl-10-md {
		padding-left: 10px;
	}
	
	.pr-10-md {
		padding-right: 10px;
	}
	
	.flex-col-md {
		flex-direction: column;
	}
	
	.mt-50-md {
		margin-top: 50px;
	}
	
	.mt-100-md {
		margin-top: 100px;
	}
	
	.pb-50-md {
		padding-bottom: 50px;
	}
	
	.pr-0-md {
		padding-right: 0;
	}
	
	.pl-0-md {
		padding-left: 0;
	}
	
	.pr-50-md {
		padding-right: 50px;
	}
	
	.pl-50-md {
		padding-left: 50px;
	}
	
	.fw-container {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	
	/* 	Mobile Menu */
	#mobile-main-nav .current-menu-item a {
		color: #16cae5 !important;
		border-bottom: none;
	}
	
	 #mobile-main-nav .sub-menu {
		position: relative;
	}
	
	 #mobile-main-nav .menu-item-has-children a::after {
		right: 0;
	}
	
	 #mobile-main-nav .sub-menu.visible .menu-item a::after {
		display: none;
	}
	
	 #mobile-main-nav .sub-menu.visible .menu-item {
		width: 100%;
		margin: 0;
	}
	
	 #mobile-main-nav .sub-menu.visible {
		padding: 0;
		margin-bottom: 20px;
	}
	/* 	END */


	.accordion-title {
		font-size: 20px;
	}
	
	.responsive-header-wrapper {
		background-color: #192537;
		width: 50% !important;
		top: 0;
		left: 0;
		height: 100%;
	}
	
	.flex-start-sm {
		justify-content: flex-start;
	}
	
	.absolute-sm {
		position: absolute;
	}
	
	.hidden-sm {
		display: none;
	}
	
	.flex-col-sm {
		flex-direction: column;
	}
	
	.visible-sm {
		display: block;
	}
	
	.flex-sm {
		display: flex;
	}
	
	.w-20-sm {
		width: 20%;
	}
	
	.w-30-sm {
		width: 30%;
	}
	
	.w-40-sm {
		width: 40%;
	}
	
	.w-50-sm {
		width: 50%;
	}
	
	.w-70-sm {
		width: 70%;
	}
	
	.w-80-sm {
		width: 80%;
	}
	
	.w-100-sm {
		width: 100%;
	}
	
	h1 {
		font-size: 70px;
		line-height: 75px;
	}
	
	h2 {
		font-size: 30px;
		line-height: 35px;
	}
	
	p {
		font-size: 18px;
	}
	
	input[type="submit"],
	.btn-primary, 
	.btn-secondary, 
	nav ul li a, 
	.card-link {
		font-size: 18px;
	}

	.sec-heading {
		font-size: 30px;
	}
	
	.pb-50-sm {
		padding-bottom: 50px;
	}
	
	.pt-50-sm {
		padding-top: 50px;
	}
	
	 .w-30-sm {
		 width: 30% !important;
	}
	
	.gap-20-sm {
		gap: 20px;
	}
	
	.flex-center-sm {
		justify-content: center;
	}
	
	.w-100-sm {
		width: 100%;
	}
	
	.menu-item-has-children:hover .sub-menu {
		display: none;
	}
}

@media only screen and (max-width: 640px) {
	
	h1 {
		font-size: 60px;
		line-height: 65px;
	}

	#features .sec-content::before {
		height: 350px;
	}
	
	.text-center-xs {
		text-align: center;
	}
	
	.m-50-0-xs {
		margin: 50px 0;
	}
	
	.w-80-xs {
		width: 80%;
	}
	
	.w-100-xs {
		width: 100% !important;
	}
	
	.w-50-text-xs p {
		width: 100%;
	}
	
	.pt-0-xs {
		padding-top: 0;
	}
	
	.w-30-xs {
		width: 30%;
	}
}