html,body{
font-family: Arial,sans-serif;
font-size:14px;
line-height:1.5}

h1,h2,h3,h4,h5,h6{
	font-family:Arial,sans-serif;
	font-weight:400;
	margin:10px 0}
a:link {
  text-decoration: none;
}

:root {
 	--tc1: #ff0000;
	--tc2: #004768;
	--tc3: #0d2b39;
	--tc4: #2f0c76;
	--tc5: #ff0000;
	--swiper-navigation-color: var(--tc2);
	--swiper-pagination-color: var(--tc2);
	--grtc1tc2_l: linear-gradient(var(--tc1), var(--tc2));
	--grtc1tc2_r: 
}

@media (min-width:601px) {
	.mob_center {
		text-align: left !important;
	}
	.cont_width {
		width: 40vw !important;
	}
	.bgr {
		background-color:#FFF;
	}
}
@media (min-width:1800px) {
	.mob_center {
		text-align: left !important;
	}
	.cont_width {
		width: 25vw !important;
	}
	.bgr{
		background-color:#FFF;
	}
}

@media (max-width:600px) {
	.mob_center {
		text-align: center !important;
	}
	.cont_width {
		width: 80vw !important;
	}
	.bgr{
		background-color: #ecf9ff;
	}
}

.tc1 {
	color: var(--tc1);
}

.tc1bg {
	background-color: var(--tc1);
	color: #ffffff;
}

.tc2 {
	color: var(--tc2);
}
.tc2bg {
	background-color: var(--tc2);
	color: #ffffff;
}

/* light black*/
.tc3 {
	color: var(--tc3);
}

.tc3bg {
	background-color: var(--tc3);
	color: #ffffff;
}

.tc4bg {
	background-color: var(--tc4);
	color: var(--tc1);
}

.tc5bg {
	background-color: var(--tc5);
	color: var(--tc1);
}
#loader {
	height: 100vh;
	width: 100%;
	background-color: rgb(255, 255, 255);
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99999;
}

#loader img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30%;
}

swiper-slide {
	text-align: center;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}

swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color: #008040;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index: 99998;
}

.my-float{
	margin-top:12px;
}

.hvr2:hover {
	background-color: var(--tc2);
	color: #ffffff;
}

.hvr1:hover {
	background-color: var(--tc1);
	color: #ffffff;
}


.gr_tc123 {
	background: linear-gradient(var(--tc1), var(--tc2), var(--tc3));
	color: #ffffff !important;
}

.gr_tc13bg {
	background: linear-gradient(var(--tc1), var(--tc3));
	color: #ffffff !important;
}

.grtc12bg {
	background: linear-gradient(var(--tc1), var(--tc2));
	color: #ffffff !important;
}
.grtc12 {
	color: linear-gradient(var(--tc1), var(--tc2)) !important;
}
.gr_tc45 {
	background: radial-gradient(var(--tc5), var(--tc4));
	color: var(--tc1) !important;
}

body a {
	text-decoration: none !important;
}

.gi {
	transition: 0.3s;
}

.tb-space{
	padding: 1% !important;
}

/* Full height minus header */
.outer-flex {
    min-height: calc(100vh - 70px);
    display: flex;
}

/* LEFT SIDE — keep image large */
.left-side {
    display: flex;
    justify-content: center;
    align-items: center;
}

.left-img {
    width: 100%;
    height: auto;
    max-height: 90%;
    object-fit: contain;
}

/* RIGHT SIDE — center contents vertically */
.right-side {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Holder of form */
.form-wrapper {
    text-align: center;
}

/* MOBILE BEHAVIOR */
@media (max-width:600px) {

    /* Hide left area */
    .left-side {
        display: none !important;
    }

    /* Right becomes full-width and full-height */
    .right-side {
        width: 100% !important;
        min-height: calc(100vh - 70px);  /* stays full screen */
        background-color: var(--tc5) !important;  /* bgr behavior */
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px 0;
    }

    .cont_width {
        width: 80vw !important;
    }
}

.zoom {
	transition: transform .5s;
}

.zoom:hover {

	transform: scale(1.02);
	-ms-transform: scale(1.02);
	/* IE 9 */
	-webkit-transform: scale(1.02);
	/* Safari 3-8 */
	/*box-shadow: 5px 5px 5px #111;*/
}