/*== Font css ==*/
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/opensans-400.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/opensans-500.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/opensans-600.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/opensans-700.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/opensans-800.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 200;
	src: url(../fonts/roboto-200.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/roboto-300.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/roboto-400.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/roboto-500.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/roboto-700.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 800;
	src: url(../fonts/roboto-800.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*== Font css End ==*/

/*== Basic css ==*/
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	color: #000;
	overflow-wrap: anywhere;
}

a {
	color: inherit;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #fff !important;
	text-decoration: none;
}

p {
	margin-bottom: 1rem;
}

p,
ul {
	font-family: 'Roboto', sans-serif;
}

img {
	max-width: 100%;
	height: auto;
}

b {
	font-weight: 600;
}

strong {
	font-weight: 700;
}

.transition {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

a.phonelink,
a.phonelink:hover,
a.phonelink:focus {
	cursor: default;
	text-decoration: none !important;
	color: inherit !important;
}

hr {
	opacity: 0.1;
}

@media (max-width: 1024px) {
	a.phonelink {
		text-decoration: underline !important;
	}

	.text-pad-r-0 {
		padding-right: 0rem !important;
	}
}

@media (min-width: 768px) {
	p {
		margin-bottom: 1.5rem;
	}
}

.left-50 {
	left: 50% !important;
}

.right-50 {
	right: 50% !important;
}

.top-55 {
	top: 55% !important;
}

/*== Basic css End ==*/

/*== Taxonomy ==*/
.text-primary {
	color: #e82930 !important;
}

.text-primary-light {
	color: #f04d53 !important;
}

.text-secondary {
	color: #100f0f!important;
}

.text-dark {
	color: #626262 !important;
}

.text-darker {
	color: #000000 !important;
}

.fw-medium {
	font-weight: 400 !important;
}

.fw-sbold {
	font-weight: 600 !important;
}

.fw-bolder {
	font-weight: 800 !important;
}

.fs-smaller {
	font-size: 14px !important;
}

.fs-small {
	font-size: 16px !important;
}

.fs-large {
	font-size: 18px !important;
}

.fs-larger {
	font-size: 24px !important;
}

.text-uppercase-none {
	text-transform: none !important;
}

.opacity-50 {
	opacity: .05;
}

/*== Taxonomy End ==*/

/*== Backgrounds ==*/
.bg-primary {
	background-color: #e62f37 !important;
}

.bg-primary-light {
	background-color: #f04d53 !important;
}

.bg-onwhite {
	background-color: #f4f3f9 !important;
}

/* f4f3f9 F8F8F8 */
.bg-secondary {
	background-color: #000000 !important;
}

.bg-light {
	background-color: #fff !important;
}

.bg-dark {
	background-color: #414141 !important;
}

.bg-darker {
	background-color: #000000 !important;
}

.bg-cont {
	background-color: #1c1d1d;
}

.bg-cont-light {
	background-color: #000000eb;
}

.bg-cover {
	background-size: cover !important;
}

.bg-contain {
	background-size: contain !important;
}

.bg-start {
	background-position: left !important;
}

.bg-start-top {
	background-position: left top !important;
}

.bg-end {
	background-position: right !important;
}

.bg-end-top {
	background-position: right top !important;
}

.bg-center {
	background-position: center !important;
}

.bg-center-top {
	background-position: center top !important;
}

.bg-center-bottom {
	background-position: center bottom !important;
}

.bg-repeat {
	background-repeat: repeat !important;
}

.bg-repeat-x {
	background-repeat: repeat-x !important;
}

.bg-repeat-y {
	background-repeat: repeat-y !important;
}

.bg-norepeat {
	background-repeat: no-repeat !important;
}

.object-cover {
	object-fit: cover;
	object-position: center;
}

.object-center-top {
	object-position: center top;
}

.object-center-bottom {
	object-position: center bottom;
}

.object-start {
	object-position: left;
}

.object-end {
	object-position: right;
}

/*== Backgrounds End ==*/

/*== Border ==*/
.border-primary {
	border-color: #e82930 !important;
}

.border-secondary {
	border-color: #000000 !important;
}

.border-secondary-dark {
	border-color: #000000 !important;
}

.border-light {
	border-color: #f2f2f2 !important;
}

.border-dark {
	border-color: #414141 !important;
}

.border-darker {
	border-color: #000000 !important;
}

/*== Border End ==*/

/*== Position ==*/
@media (min-width: 576px) {
	.position-sm-absolute {
		position: absolute !important;
	}
}

@media (min-width: 768px) {
	.position-md-absolute {
		position: absolute !important;
	}
}

@media (min-width: 992px) {
	.position-lg-absolute {
		position: absolute !important;
	}
}

@media (min-width: 1200px) {
	.position-xl-absolute {
		position: absolute !important;
	}
}

@media (min-width: 1400px) {
	.position-xxl-absolute {
		position: absolute !important;
	}
}

/*== Position End ==*/

/*== Sizing ==*/
@media (min-width: 576px) {
	.w-sm-25 {
		width: 25% !important;
	}

	.w-sm-50 {
		width: 50% !important;
	}

	.w-sm-75 {
		width: 75% !important;
	}

	.w-sm-100 {
		width: 100% !important;
	}

	.w-sm-auto {
		width: auto !important;
	}

	.mw-sm-25 {
		max-width: 25% !important;
	}

	.mw-sm-50 {
		max-width: 50% !important;
	}

	.mw-sm-75 {
		max-width: 75% !important;
	}

	.mw-sm-100 {
		max-width: 100% !important;
	}

	.mw-sm-auto {
		max-width: auto !important;
	}
}

@media (min-width: 768px) {
	.w-md-25 {
		width: 25% !important;
	}

	.w-md-50 {
		width: 50% !important;
	}

	.w-md-75 {
		width: 75% !important;
	}

	.w-md-100 {
		width: 100% !important;
	}

	.w-md-auto {
		width: auto !important;
	}

	.mw-md-25 {
		max-width: 25% !important;
	}

	.mw-md-50 {
		max-width: 50% !important;
	}

	.mw-md-75 {
		max-width: 75% !important;
	}

	.mw-md-100 {
		max-width: 100% !important;
	}

	.mw-md-auto {
		max-width: auto !important;
	}
}

@media (min-width: 992px) {
	.w-lg-25 {
		width: 25% !important;
	}

	.w-lg-50 {
		width: 50% !important;
	}

	.w-lg-75 {
		width: 75% !important;
	}

	.w-lg-100 {
		width: 100% !important;
	}

	.w-lg-auto {
		width: auto !important;
	}

	.mw-lg-25 {
		max-width: 25% !important;
	}

	.mw-lg-50 {
		max-width: 50% !important;
	}

	.mw-lg-75 {
		max-width: 75% !important;
	}

	.mw-lg-100 {
		max-width: 100% !important;
	}

	.mw-lg-auto {
		max-width: auto !important;
	}
}

@media (min-width: 1200px) {
	.w-xl-25 {
		width: 25% !important;
	}

	.w-xl-50 {
		width: 50% !important;
	}

	.w-xl-75 {
		width: 75% !important;
	}

	.w-xl-100 {
		width: 100% !important;
	}

	.w-xl-auto {
		width: auto !important;
	}

	.mw-xl-25 {
		max-width: 25% !important;
	}

	.mw-xl-50 {
		max-width: 50% !important;
	}

	.mw-xl-75 {
		max-width: 75% !important;
	}

	.mw-xl-100 {
		max-width: 100% !important;
	}

	.mw-xl-auto {
		max-width: auto !important;
	}
}

@media (min-width: 1400px) {
	.w-xxl-25 {
		width: 25% !important;
	}

	.w-xxl-50 {
		width: 50% !important;
	}

	.w-xxl-75 {
		width: 75% !important;
	}

	.w-xxl-100 {
		width: 100% !important;
	}

	.w-xxl-auto {
		width: auto !important;
	}

	.mw-xxl-25 {
		max-width: 25% !important;
	}

	.mw-xxl-50 {
		max-width: 50% !important;
	}

	.mw-xxl-75 {
		max-width: 75% !important;
	}

	.mw-xxl-100 {
		max-width: 100% !important;
	}

	.mw-xxl-auto {
		max-width: auto !important;
	}
}

/*== Sizing End ==*/

/*== Table ==*/
.direction-right {
	direction: rtl;
}

.direction-left {
	direction: ltr;
}

@media (min-width: 576px) {
	.direction-sm-right {
		direction: rtl;
	}

	.direction-sm-left {
		direction: ltr;
	}
}

@media (min-width: 768px) {
	.direction-md-right {
		direction: rtl;
	}

	.direction-md-left {
		direction: ltr;
	}
}

@media (min-width: 992px) {
	.direction-lg-right {
		direction: rtl;
	}

	.direction-lg-left {
		direction: ltr;
	}
}

@media (min-width: 1200px) {
	.direction-xl-right {
		direction: rtl;
	}

	.direction-xl-left {
		direction: ltr;
	}
}

@media (min-width: 1400px) {
	.direction-xxl-right {
		direction: rtl;
	}

	.direction-xxl-left {
		direction: ltr;
	}
}

picture
/*== Table End ==*/

/*== Heading ==*/
.z-index-1 {
	z-index: 1;
}

.body-line-height {
	line-height: 26px;
}

.page-title {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 0rem;
}

.sub-title1 {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

.sub-title2 {
	font-size: 23px;
	font-weight: 400;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 0.6rem;
}

.sub-title3 {
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase;
	margin-bottom: 0.6rem;
	letter-spacing: 1.2px;
}

.h1-home {
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
	text-transform: uppercase;
}

.text-upper {
	text-transform: uppercase !important;
}

.text-lower {
	text-transform: none !important;
}

.btn-text-w {
	color: white !important;
}

@media (min-width: 768px) {
	.page-title {
		font-size: 45px;
	}

	/* .sub-title1 { font-size: 36px; } */
	.sub-title2 {
		font-size: 30px;
	}

}

@media (min-width: 1400px) {
	.page-title {
		font-size: 55px;
	}

	.sub-title1 {
		font-size: 36px;
	}

	.sub-title3 {
		font-size: 18px;
		line-height: 28px;
	}
}

/*== Heading End ==*/

/*== Header ==*/
.page-header {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
}

.page-header .site-logo img {
	width: auto;
	max-height: 60px;
}

.sticky-fixed {
	background: #fff !important;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1020;
	-webkit-box-shadow: rgba(0, 0, 0, .1) 1px 0px 5px;
	box-shadow: rgba(0, 0, 0, .1) 1px 0px 5px;
}

.sticky-mt {
	margin-top: 5em;
}

.navbar-toggler-icon {
	background-image: url(../retina-images/nav-line.png) !important;
	display: inline-block;
	width: 0.8em !important;
	height: 1.7em !important;
	font-size: 1rem;
}

.offcanvas-body {
	flex-grow: 1;
	padding: 0rem 0rem;
	overflow-y: auto;
}

.header-bg {
	background: url(../retina-images/header-bg.jpg);
}

.bg-hero {
	/* background: url(../retina-images/hero-d.jpg); */
	height: 29em;
}

/* For desktop screens (min-width: 768px) */
@media (min-width: 768px) {
	.bg-hero {
		background-image: url(../retina-images/hero-d.jpg);
	}
}

/* For mobile screens (max-width: 767px) */
@media (max-width: 767px) {
	.bg-hero {
		background-image: url(../retina-images/hero-m.jpg);
		height: 32em;
	}
}

.page-header .dropdown-toggle::after {
	position: absolute;
	right: 15px;
	top: 23px;
	border-width: 5px;
	opacity: .7;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
}

.page-header .show::after {
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

@media (min-width: 768px) {
	.page-header .site-logo img {
		max-height: inherit;
	}

	.navbar-toggler-icon {
		width: 1em !important;
		height: 1.7em !important;
		font-size: 1.25rem;
	}
}

/*== Header End ==*/

/*== Menu ==*/
/* .navbar-toggler { width: 25px; height: 21px; padding: 0; outline: none !important; vertical-align: middle; display: inline-block; } */
.navbar-toggler:focus {
	box-shadow: none;
}

.navbar-toggler .i-line {
	width: 100%;
	height: 2px;
	border-radius: 10px;
	background-color: #e82930;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.navbar-toggler .i-line.top {
	top: 0;
}

.navbar-toggler .i-line.middle {
	top: 50%;
	margin-top: -1.5px;
}

.navbar-toggler .i-line.bottom {
	bottom: 0;
}

.closed .i-line.middle {
	width: 0;
	opacity: 0;
}

.closed .i-line.top {
	top: 9px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.closed .i-line.bottom {
	bottom: 7px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.nav-item {
	border-bottom: rgba(100, 100, 100, .4) 1.5px solid;
}

.navbar-nav .nav-link {
	padding-right: 20px !important;
	padding-left: 20px !important;
}

nav a {
	color: #212221 !important;
}

.nav-item:focus,
.nav-item:hover,
.nav-item:hover>.nav-link,
.nav-item:focus>.nav-link {
	background-color: #000000;
	color: #fff !important;
}

.nav-link {
	font-size: 14px !important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	padding: 18px 20px;
}

.active .nav-link,
.open .nav-link,
.nav-item:hover .nav-link,
.nav-item:focus .nav-link {
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}

.nav-link:focus {
	color: #000 !important;
}

.dropdown-item:hover {
	color: #000 !important;
}

.navbar .dropdown-menu {
	font-size: 15px !important;
	font-weight: 400;
	line-height: 1.2;
	background-color: #000000;
	margin: 0;
	border: none;
	border-radius: 0;
	padding: 5px 0;
	text-transform: uppercase;
}

.dropdown-item {
	color: #fff !important;
	text-decoration: none;
	padding: 8px 16px;
	white-space: normal;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: #000000;
	color: #fff !important;
}

.dropdown-item:focus {
	color: #fff !important;
}

/*== Menu End ==*/
/*== Slider Start ==*/

.text-con {
	position: absolute;
	padding-left: 22px;
	top: 0px;
}

.text-con h1 {
	font-size: 40px;
	font-family: 'Font Awesome 5 Brands';
}

.slider-pra {
	font-size: 10px;
}

.btn-slider {
	border-radius: 30px !important;
	font-size: 12px !important;
	padding: 7px 11px !important;
	margin-top: 10px !important;

}

/* Extra Small (None) - <576px */
@media (min-width: 350px) {
	.text-con {
		position: absolute;
		padding-left: 22px;
		top: 18px;
	}

	.text-con h1 {
		font-size: 45px;
		font-family: 'Font Awesome 5 Brands';
	}

	.slider-pra {
		font-size: 10px;
	}

	.btn-slider {
		border-radius: 30px !important;
		font-size: 12px !important;
		padding: 7px 11px !important;
		margin-top: 10px !important;

	}
}

@media (min-width: 375px) {
	.text-con {
		position: absolute;
		padding-left: 22px;
		top: 25px;
	}

	.text-con h1 {
		font-size: 48px;
		font-family: 'Font Awesome 5 Brands';
	}
}

@media (min-width: 400px) {
	.text-con {
		top: 30px;
	}

	.text-con h1 {
		font-size: 50px;
	}

	.slider-pra {
		font-size: 10px;
	}

	.btn-slider {
		font-size: 16px !important;
		padding: 8px 16px !important;

	}
}

/* Small (sm) - ≥576px */
@media (min-width: 576px) {
	.text-con {
		position: absolute;
		padding-left: 22px;
		top: 45px;
	}

	.text-con h1 {
		font-size: 70px;
		font-family: 'Font Awesome 5 Brands';
	}

	.slider-pra {
		font-size: 12px;
	}

	.btn-slider {
		border-radius: 40px !important;
		font-size: 16px !important;
	}
}

/* Medium (md) - ≥768px */
@media (min-width: 768px) {
	.text-con {
		position: absolute;
		padding-left: 22px;
		top: 2px;
	}

	.text-con h1 {
		font-size: 70px;
		font-family: 'Font Awesome 5 Brands';
	}

	.slider-pra {
		font-size: 14px;
	}

	.btn-slider {
		border-radius: 50px !important;
		font-size: 18px !important;
	}
}

@media (min-width: 850px) {
	.text-con {
		top: 35px;
	}
}

/* Large (lg) - ≥992px */
@media (min-width: 992px) {
	.text-con {
		position: absolute;
		padding-left: 25px;
		top: 35px;
	}

	.text-con h1 {
		font-size: 75px;
		font-family: 'Font Awesome 5 Brands';
	}

	.slider-pra {
		font-size: 16px;
	}

	.btn-slider {
		border-radius: 60px !important;
		font-size: 20px !important;
	}
}

@media (min-width: 1060px) {
	.text-con {
		top: 40px;
	}

	.text-con h1 {
		font-size: 82px;
	}
}

/* Extra Large (xl) - ≥1200px */
@media (min-width: 1200px) {
	.text-con {
		position: absolute;
		padding-left: 25px;
		top: 60px;
	}

	.text-con h1 {
		font-size: 86px;
		font-family: 'Font Awesome 5 Brands';
	}

	.slider-pra {
		font-size: 18px;
	}

	.btn-slider {
		border-radius: 70px !important;
		font-size: 22px !important;
	}
}

@media (min-width: 1260px) {
	.text-con {
		top: 75px;
	}

	.text-con h1 {
		font-size: 90px;
	}
}

/* Extra Extra Large (xxl) - ≥1400px */
@media (min-width: 1400px) {
	.text-con {
		position: absolute;
		padding-left: 70px;
		top: 90px;
	}

	.text-con h1 {
		font-size: 100px;
		font-family: 'Font Awesome 5 Brands';
	}

	.slider-pra {
		font-size: 20px;
	}

	.btn-slider {
		border-radius: 80px !important;
		font-size: 24px !important;
	}
}

@media (min-width: 1600px) {
	.text-con {
		top: 105px;
		padding-left: 70px;
	}

	.text-con h1 {
		font-size: 118px;
	}

	.btn-slider {
		font-size: 26px !important;
		padding: 5px 16px !important;
	}

	.slider-pra {
		font-size: 22px;
	}
}

@media (min-width: 2000px) {
	.text-con {
		top: 150px;
		padding-left: 70px;
	}

	.text-con h1 {
		font-size: 148px;
	}

	.slider-pra {
		font-size: 24px;
	}

	.btn-slider {
		font-size: 28px !important;
		padding: 17px 30px !important;
	}
}

@media (min-width: 2400px) {
	.text-con {
		top: 180px;
		padding-left: 70px;
	}

	.text-con h1 {
		font-size: 185px;
	}

	.slider-pra {
		font-size: 26px;
	}

	.btn-slider {
		font-size: 30px !important;
		padding: 22px 48px !important;
	}

}

.bg-slide1 {
	background: #6FCADC;
}

.bg-slide2 {
	background: #E0A726;
}

.bg-slide3 {
	background: #83BA3B;
}

/* Extra Small (None) - <576px */
@media (max-width: 575px) {}

/* Small (sm) - ≥576px */
@media (min-width: 576px) {}

/* Medium (md) - ≥768px */
@media (min-width: 768px) {}

/* Large (lg) - ≥992px */
@media (min-width: 992px) {}

/* Extra Large (xl) - ≥1200px */
@media (min-width: 1200px) {}

/* Extra Extra Large (xxl) - ≥1400px */
@media (min-width: 1400px) {}

/*== Slider End ==*/


/*== Form ==*/
.site-form {
	font-size: 1rem;
}

.form-control,
.form-select {
	border-color: #ced4da;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	height: calc(1.5em + .75rem + 4px);
	border-radius: 0;
	box-shadow: none;
	outline: none;
}

.form-control:focus,
.form-select:focus {
	box-shadow: none;
	border-color: #202833;
}

.form-select {
	background-size: 15px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

textarea.form-control {
	height: 70px;
}

.g-recaptcha {
	-webkit-transform: scale(.8);
	transform: scale(.8);
	-webkit-transform-origin: center;
	transform-origin: center;
}

.form-check {
	padding-left: 2rem;
	margin-bottom: 0.5rem;
}

.form-check-input {
	margin-top: 2px;
	width: 18px;
	height: 18px;
	margin-left: -2rem !important;
}

.form-check-input[type=checkbox] {
	border-radius: 0 !important;
}

.form-check-input:focus {
	box-shadow: none;
}

.form-check-input:checked {
	background-color: #e82930;
	border-color: #e82930;
}

.form-check-label {
	line-height: 1.3;
}

.rating {
	display: table;
	direction: rtl;
}

.rating>input {
	display: none;
}

.rating>label {
	position: relative;
	font-size: 32px;
	cursor: pointer;
	display: table-cell;
}

.rating>label::before {
	content: "\2605";
	position: absolute;
	opacity: 0;
}

.rating>label:hover:before,
.rating>label:hover~label:before {
	opacity: 1 !important;
}

.rating>input:checked~label:before {
	opacity: 1;
}

.rating:hover>input:checked~label:before {
	opacity: 0.4;
}

.datepicker-top-left,
.datepicker-top-right {
	border-top-color: #e82930 !important;
}

.datepicker-top-left::before,
.datepicker-top-right::before {
	border-bottom-color: #e82930 !important;
}

.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover {
	color: #e82930 !important;
}

.datepicker-panel>ul>li.highlighted,
.datepicker-panel>ul>li:hover {
	background-color: #ddd !important;
}

.input-group-text {
	font-size: 14px;
}

.contact-form {
	max-width: 710px;
	margin-left: auto;
	margin-right: auto;
}

.form-light .form-control,
.form-light .form-select,
.form-light .form-check-input {
	background-color: transparent;
	color: #fff;
	border-color: rgba(255, 255, 255, .55);
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #9398a4;
}

.form-light .form-control:focus,
.form-light .form-select:focus {
	border-color: #fff;
}

.form-light .form-select option {
	color: #000;
}

input[type="checkbox"]:required {
	border-color: red;
}

.form-check-input:checked[type=checkbox]:required {
	border-color: #0b5ed7;
}

.input-group .form-floating {
	flex: 1;
}

.form-floating>label {
	white-space: nowrap;
}

.form-control[type=file] {
	font-size: inherit;
	line-height: 1.7;
}

/*== Form End ==*/

/*== Button ==*/
.btn {
	font-family: 'Roboto', sans-serif;
	border-radius: 3px;
	padding: 12px 26px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: none !important;
}

.btn-primary {
	color: #fff;
	background-color: #e82930;
	border-color: #e82930;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
	color: #212529 !important;
	background-color: #e82930;
	border-color: #e82930;
}

.btn-secondary {
	color: #fff;
	background-color: #000000;
	border-color: #000000;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active {
	color: #e62f37 !important;
	background-color: #000000;
	border-color: #000000;
}

.btn-dark {
	color: #fff;
	background-color: #202833;
	border-color: #202833;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #000;
	border-color: #000;
}

.btn-outline-primary {
	color: #e82930;
	border-color: #e82930;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #e82930;
	border-color: #e82930;
}

.btn-outline-secondary {
	color: #3955a8;
	border-color: #3955a8;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #3955a8;
	border-color: #3955a8;
}

.btn-outline-dark {
	color: #202833;
	border-color: #202833;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #202833;
	border-color: #202833;
}

.btns-group {
	max-width: 300px;
}

@media (min-width: 768px) {
	.btn {
		font-size: 16px;
	}
}

/*== Button End ==*/

/*== Back to top ==*/
#back-to-top {
	position: fixed;
	bottom: 150px;
	right: 10px;
	z-index: 1000;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#back-to-top {
		right: 20px;
	}
}

#back-to-top a {
	background-color: #e82930;
	height: 2.4rem;
	width: 2.4rem;
	border-radius: 100px;
	display: block;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.4);
	box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.4);
}

#back-to-top a:hover {
	background-color: #414141;
}

#back-to-top svg {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: -19px auto 0;
}

/*== Back to top End ==*/

/*== Animation ==*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.fast {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.slow {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.delay-250 {
	-webkit-animation-delay: 0.25s;
	-moz-animation-delay: 0.25s;
	-o-animation-delay: 0.25s;
	animation-delay: 0.25s;
}

.delay-500 {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.delay-750 {
	-webkit-animation-delay: 0.75s;
	-moz-animation-delay: 0.75s;
	-o-animation-delay: 0.75s;
	animation-delay: 0.75s;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-400px, 0, 0);
		transform: translate3d(-400px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-400px, 0, 0);
		transform: translate3d(-400px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeftSlow;
	animation-name: fadeInLeftSlow
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(400px, 0, 0);
		transform: translate3d(400px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(400px, 0, 0);
		transform: translate3d(400px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRightSlow;
	animation-name: fadeInRightSlow
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 400px, 0);
		transform: translate3d(0, 400px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 400px, 0);
		transform: translate3d(0, 400px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUpSlow;
	animation-name: fadeInUpSlow
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -400px, 0);
		transform: translate3d(0, -400px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -400px, 0);
		transform: translate3d(0, -400px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDownSlow;
	animation-name: fadeInDownSlow
}

.fadeInRight-slow,
.fadeInLeft-slow,
.fadeInUp-slow,
.fadeInDown-slow {
	opacity: 0;
	-webkit-transform: translateX(40px);
	transform: translateX(40px);
}

@-webkit-keyframes fadeInLeftSlow {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-40px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@keyframes fadeInLeftSlow {
	0% {
		opacity: 0;
		transform: translateX(-40px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft-slow {
	opacity: 0;
	-webkit-transform: translateX(-40px);
	transform: translateX(-40px);
}

.fadeInLeft-slow.go {
	-webkit-animation-name: fadeInLeftSlow;
	animation-name: fadeInLeftSlow;
}

@-webkit-keyframes fadeInRightSlow {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@keyframes fadeInRightSlow {
	0% {
		opacity: 0;
		transform: translateX(40px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight-slow {
	opacity: 0;
	-webkit-transform: translateX(40px);
	transform: translateX(40px);
}

.fadeInRight-slow.go {
	-webkit-animation-name: fadeInRightSlow;
	animation-name: fadeInRightSlow;
}

@-webkit-keyframes fadeInUpSlow {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes fadeInUpSlow {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}

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

.fadeInUp-slow {
	opacity: 0;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}

.fadeInUp-slow.go {
	-webkit-animation-name: fadeInUpSlow;
	animation-name: fadeInUpSlow;
}

@-webkit-keyframes fadeInDownSlow {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes fadeInDownSlow {
	0% {
		opacity: 0;
		transform: translateY(-40px);
	}

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

.fadeInDown-slow {
	opacity: 0;
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
}

.fadeInDown-slow.go {
	-webkit-animation-name: fadeInDownSlow;
	animation-name: fadeInDownSlow;
}

/*== Animation End ==*/

/*== Common Styles ==*/
.data-src {
	background-repeat: no-repeat;
}

.list-group {
	padding-left: 22px;
	margin-bottom: 0.5rem;
	text-align: left;
}

.list-item-seco-image {
	list-style-image: url(../retina-images/list-arrow-secon.svg);
	list-style-type: none;
	list-style-position: outside;
}

.list-item-image {
	list-style-image: url(../retina-images/list-arrow.svg);
	list-style-type: none;
	list-style-position: outside;
}

.list-group li {
	margin-bottom: 0.6rem;
}

.breadcrumb {
	background-color: transparent;
	font-weight: 400;
}

.breadcrumb,
.breadcrumb h2 {
	font-size: 13px;
	font-weight: 400;
}

.breadcrumb a {
	color: #000;
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #e82930;
}

.breadcrumb-item {
	display: inline-block;
}

.breadcrumb-item+.breadcrumb-item::before {
	content: '→';
	font-size: 18px;
	line-height: 1;
	opacity: .5;
}

.block-content {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}

.block-img {
	min-height: 300px;
}

.text-shadow {
	text-shadow: #ffffff 0px 0px 6px;
}

.brand-logo img {
	max-width: 120px;
	max-height: 40px;
}

.bg-home {
	height: 467px;
	max-height: 100%;
}

.bg-text-center {
	bottom: 0;
	transform: translate(-50%, -50%);
	left: 50%;
	right: 50%;
	flex-direction: column;
}

.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
	transform: scale(.7) !important;
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.accordion-button:focus {
	border: none;
	box-shadow: none;
}

.accordion-item {
	border: none;
	background-color: transparent;
}

.play-btn-center {
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.play-btn {
	width: 50px;
	height: 50px;
	background: radial-gradient(#e82930 60%, #e82930 62%);
	border-radius: 50%;
	display: block;
	box-shadow: 0px 0px 25px 3px #e82930;
}

.play-btn:before {
	content: "";
	position: absolute;
	width: 150%;
	height: 150%;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulsate1 2s;
	animation: pulsate1 2s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	top: -24%;
	left: -24%;
	background: rgba(198, 16, 0, 0);
}

.play-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-40%) translateY(-50%);
	transform: translateX(-40%) translateY(-50%);
	transform-origin: center center;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 25px solid #fff;
	z-index: 100;
	-webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.ser-text-posti {
	position: absolute;
	top: 92%;
	left: 49.9999%;
	transform: translate(-50%, -50%);
}

.ser-top {
	margin-top: 5em;
}

/* For screens with a maximum width of 549px */
@media (max-width: 550px) {
	.ser-top {
		margin-top: 3em;
	}
}


.ser-head-text {
	margin-bottom: 6em;
}

.ser-img-bg {
	width: 9em;
	height: 9em;
	background: radial-gradient(#f4f4f4 60%, #f4f4f4 62%);
	border-radius: 50%;
}

.service-img {
	width: 56px;
	height: auto;
	fill: #000000;
}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.plus {
	padding: 8px 17px;
	background: radial-gradient(#000000 60%, #000000 62%);
	color: white;
	border-radius: 2px;
	font-size: 18px;
}

.bottom-right {
	position: absolute;
	bottom: 0px;
	right: 11px;
}

.card-main:hover {
	background-color: #000000 !important;
}

.card-main:hover>.ser-img-bg {
	background: #e82930;
}

.card-main:hover>.ser-img-bg .service-img {
	fill: #000 !important;
}

.card-main:hover>.sub-title3 {
	color: white !important;
}

.card-main:hover>.plus {
	padding: 8px 17px;
	background: #e82930;
	color: #000000 !important;
	border-radius: 2px;
	font-size: 18px;
}

.contact-bg {
	background: url(../retina-images/business-needs.jpg);
	background-attachment: initial;
	height: 18em;
	opacity: .3;
}

.out-col-bg-2 {
	background-color: #f04d53;
}

.out-top-left {
	position: absolute;
	top: -25px;
	left: -4px;
}

.out-num-1 {
	color: #f04d53 !important;
	font-size: 103px;
	font-weight: 900 !important;
}

.out-num-2 {
	color: #e82930 !important;
	font-size: 103px;
	font-weight: 900 !important;
}

.out-ser-text-fs {
	font-size: 23px;
	text-transform: uppercase;
	color: white;
	font-weight: 700;
}

.out-bottom-right {
	position: absolute;
	bottom: 65px;
	right: 85px;
}

.out-img-bg-2 {
	position: absolute !important;
	width: 6.5em;
	height: 6.5em;
	background: radial-gradient(#e82930 60%, #e82930 62%);
	border-radius: 50%;
	/* clip: rect(0px, 125px, 100px, 0px); */
	clip: rect(0px, 85px, 65px, 0px);
}

.out-img-bg-1 {
	position: absolute !important;
	width: 6.5em;
	height: 6.5em;
	background: radial-gradient(#f04d53 60%, #f04d53 62%);
	border-radius: 50%;
	clip: rect(0px, 85px, 65px, 0px);
}

.out-img {
	width: 40px;
	height: auto;
}

.out-text-pad {
	padding-top: 1.5rem !important;
	padding-bottom: 0.4rem !important;
	padding-left: 1.5rem !important;
	padding-right: 2.5rem !important;
	z-index: 1;
	position: inherit;
}

.out-top-t {
	margin-top: 4rem !important;
}

.out-top-b {
	margin-bottom: 2rem !important;
}

.out-text-fs {
	font-size: 18px;
	font-weight: 400;
}

.out-centered {
	position: absolute;
	top: 40%;
	left: 45%;
	transform: translate(-50%, -50%);
}

.bg-testimo {
	background: url(../retina-images/bg-map.jpg);
	height: 32em;
}

.carousel-control-next,
.carousel-control-prev {
	top: 180px;
}

.btn-pad-icon {
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0em;
	padding-bottom: 0em;
}

.carousel-control-next,
.carousel-control-prev {
	opacity: 1;
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
	filter: invert(1) grayscale(100);
	/* background-color: black; */
	height: 13px;
	width: 13px;
	margin-top: 8px;
}

.choose-img {
	background: url(../retina-images/choose.jpg);
	height: 200px;
}

.why-us-wrap:hover {
	color: #000000;
}

.social-icon {
	background-color: #fff;
	border-radius: 25px !important;
	width: 30px !important;
	height: 30px !important;
	margin-right: 10px !important;
	padding: 1px 0px 0px 0px !important;
}

.social-icon:hover {
	background-color: #e82930;
}

.icon-l {
	margin-left: -2px !important;
}

.serv-bg-img {
	/* background: url(../retina-images/service_bg.jpg); */
	background-position: 0em 0em;
	background-repeat: no-repeat;
	background-size: cover;
}

/* For desktop screens (min-width: 768px) */
@media (min-width: 768px) {
	.serv-bg-img {
		background-image: url(../retina-images/service_bg.jpg);
	}
}

/* For mobile screens (max-width: 767px) */
@media (max-width: 767px) {
	.serv-bg-img {
		background-image: url(../retina-images/service-m.jpg);
	}
}

.bg-acoounts {
	background: url(../retina-images/services-bg.jpg);
}

.bg-acoounts-1 {
	background: url(../retina-images/service_bg-2.jpg);
}
.bg-traing-1 {
	background: url(../retina-images/bg-training.jpg);
}
.bg-cust-services {
	background: url(../retina-images/service_bg-2.jpg);
}

.bg-graphic {
	background: url(../retina-images/service_bg-2.jpg);
}

.bg-web {
	background: url(../retina-images/service_bg-2.jpg);
}

.graphoc-svg-a {
	/* width: 60px;
			height: auto; */
	fill: black;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.graphoc-svg-white {
	fill: #fff;
}

.graphic-span-a {
	width: 8.2em;
	height: 8.2em;
	/* background: radial-gradient(#e82930 60%, #e82930 62%); */
	border-radius: 50%;
}

.graphoc-svg-ab {
	transform: rotate(54deg);
	fill: white;
	position: absolute;
	top: 15%;
	left: 17%;
}

.border-bottom-col {
	border-bottom: 1.3px solid;
}

/*== Common Styles ==*/
/*== Conatact and Pages ==*/
.callto {
	color: #ec1e26;
	text-decoration: none;
}

.callto:hover {
	color: #000 !important;
	text-decoration: none;
}

.mailto {
	color: #ec1e26;
	text-decoration: none;
}

.mailto:hover {
	color: #000 !important;
	text-decoration: none;
}

.map-container {
	position: relative;
	width: 100%;
	padding-bottom: 40%;
	/* Adjust the aspect ratio as needed */
	max-height: 600em;
	/* Set the maximum height for devices above 1024px */
	overflow: hidden;
}

.map-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*== Floating Button start ==*/
.floating-icons {
	position: fixed;
	bottom: 195px;
	right: 10px;
	z-index: 100;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 5px;
}

.float {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	transition: background-color 0.3s ease;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	box-sizing: border-box;
	position: relative;
}

.float.phone {
	background-color: #1e65d4;
	border: 3px solid #fff;
	animation: blink 1.4s infinite;
}

.float.phone:hover {
	animation: none;
}

.float.whatsapp {
	background-color: #25D366;
}

@keyframes blink {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.banks-details {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 5px;
}

.barcode {
	width: 60%;

}

.pay-bg {
	background-color: #f01c24;
	color: white;
}

.pay-bg-2 {
	background-color: #f5f5f5;
}

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

.direct-transfer h2 {
	color: #333;
	font-size: 24px;
	margin-bottom: 10px;
}

.direct-transfer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.direct-transfer li {
	color: #666;
	font-size: 16px;
	margin-bottom: 5px;
}

.direct-transfer a {
	text-decoration: none;
	color: white !important;
}

.direct-transfer a:hover {
	text-decoration: underline;
	color: #000000 !important;
}

.image-container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

.pay-icon {
	transform: rotate(180deg);
	width: 70%;
}

#error_ {
	display: table;
	width: 100%;
	height: 100vh;
	text-align: center;
}



/*== Conatact and Pages ==*/
.a2 {
	color: #1e2222 !important;
}

.a2 :hover {
	color: #e3232a !important;
}

.text-lowwhite {
	color: #cbcbcb !important;
}


/*== Responsive ==*/
@media (min-width: 576px) {
	.block-content {
		max-width: 540px;
	}

	.block-img {
		min-height: 400px;
	}
}

@media (min-width: 768px) {
	.bg-home {
		height: 777px;
		max-height: 100%;
	}

	.list-group {
		margin-bottom: 1rem;
	}

	.block-content {
		max-width: 720px;
	}

	.block-img {
		min-height: 450px;
	}

	.brand-logo img {
		max-width: 100px;
		max-height: 50px;
	}

	.ser-img-bg {
		width: 6em !important;
		height: 6em !important;
		background: radial-gradient(#f4f4f4 60%, #f4f4f4 62%);
		border-radius: 50%;
	}

	.carousel-control-next,
	.carousel-control-prev {
		top: 115px;
	}

	.choose-img {
		height: inherit;
	}

	.play-btn {
		width: 80px;
		height: 80px;
	}

	.bg-hero {
		height: 42em;
	}

	.play-btn-center {
		top: 30%;
	}

	.out-img-bg-1,
	.out-img-bg-2 {
		clip: rect(0px, 70px, 70px, 0px);
		width: 5em;
		height: 5em;
	}

	.out-bottom-right {
		bottom: 70px;
		right: 70px;
	}

	.out-top-t {
		margin-top: 5rem !important;
	}

	.out-top-b {
		margin-bottom: 3rem !important;
	}
}

@media (min-width: 992px) {
	.block-content {
		max-width: 600px;
	}

	.block-img {
		min-height: 500px;
	}

	.brand-logo img {
		max-width: 100%;
		max-height: inherit;
	}

	.out-text-pad {
		padding-top: 2.3rem !important;
		padding-bottom: 0.4rem !important;
		padding-left: 3.5rem !important;
		padding-right: 4.5rem !important;
	}

	.out-img-bg-1 {
		width: 9em;
		height: 9em;
	}

	.out-bottom-right {
		bottom: 100px;
		right: 125px;
	}

	.out-img-bg-2,
	.out-img-bg-1 {
		width: 9em;
		height: 9em;
		clip: rect(0px, 125px, 100px, 0px);
	}

	.out-img {
		width: 60px;
	}

	.btn-pad-icon {
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}

	.carousel-control-next,
	.carousel-control-prev {
		top: 0;
	}

	.contact-bg {
		background-attachment: fixed;
	}

	.social-icon {

		width: 40px !important;
		height: 40px !important;
		margin-right: 15px !important;
		padding: 7px 0px 0px 0px !important;
	}
}

@media (min-width: 1200px) {
	.block-img {
		min-height: 600px;
	}
}

@media (min-width: 1400px) {}

@media(max-width: 992px) {
	.pay-icon {
		display: none;
	}
}

@media (max-width: 768px) {

	.sticky-mt {
		margin-top: 5em;
	}

	.text-pad-r-0 {
		padding-right: 0rem !important;
	}

	.map-container {
		position: relative;
		width: 100%;
		padding-bottom: 80%;
		/* Adjust the aspect ratio as needed */

	}

	.floating-icons {
		bottom: 195px;
		right: 10px;
		align-items: center;
	}

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

	.pay-icon {
		display: none;
	}
}

@media (max-width: 575px) {}

@media (max-width: 480px) {
	.floating-icons {
		bottom: 195px;
		right: 10px;
		align-items: center;
		flex-direction: row;
	}
}

/*== Responsive end ==*/