* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    font-family: 'Poppins', sans-serif;

}



/* common css */



:root {

    --blue-color: #498ad7;

    --black-color: black;

    --heading-font-size: 40px;

}

h1, h2, h3, h4, h5, h6 {

    margin: 0;

    padding: 0;

    text-transform: capitalize;

    margin-bottom: 15px;

    line-height: 1.2;

}

h3 {

    font-size: 26px;

}

h4 {

    font-size: 22px;

}

p {

    margin: 0;

    padding: 0;

    font-size: 18px;

    line-height: 1.6;

    margin-bottom: 30px;

    color: green;

}

p:last-child {

    margin-bottom: 0;

}

ul, ol {

    list-style-type:none;

    margin: 0;

    padding: 0;

}

a {

    text-decoration: none;

    text-transform: capitalize;

    display: inline-block;

    line-height: 1.2;

}

span {

    display: inline-block;

}

.section-heading {

    text-align: center;

    margin-bottom: 50px;

}

.section-heading h4 {

    font-size: 14px;

    font-weight: bold;

    margin-bottom: 10px;

    color: green;

}

.section-heading h2 {

    font-size: 40px;

    font-weight: bold;

    margin-bottom: 15px;

    color: green;

}

.section-heading p {

    font-size: 20px;

    color: green;

    margin-bottom: 0;

}

.btn.btn-green {

	font-size: 18px;

	font-weight: bold;

	padding: 10px 40px;

	background-color: #ffffff;

	color: #1153ca;

}

section {

    padding: 60px 0;

}

/* common css */





/* banner css start */



/* #banner {

    padding: 0;

} */

#banner .header {

	display: flex;

	align-items: center;

	justify-content: space-between;

}

#banner {

	background-image: url("../images/banner.png");

	background-repeat: no-repeat;

	background-size: 100% 100%;

	background-position: center;

	min-height: 100vh;

	padding: 0;

	overflow: hidden;

	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 20px 0;

}

#banner .header .logo-box img {

	max-width: 240px;

}

#banner .banner-box .body .row {

	align-items: center;

}

#banner .img-box img {

	max-width: 550px;

	width: 100%;

	object-fit: contain;

}

#banner .body .content-box .text-box h4 {

	font-size: 45px;

	color: var(--blue-color);

	text-transform: uppercase;

	line-height: 1;

	margin-bottom: 0;

}

#banner .body .content-box .text-box h1 {

	font-size: 65px;

	font-weight: bold;

	color: white;

	text-transform: uppercase;

	margin-bottom: 30px;

}

#banner .body .content-box .btn.btn-green {

	font-size: 24px;

	text-transform: uppercase;

	text-align: left;

	display: flex;

	align-items: center;

	border-radius: 50px;

	animation: translate 2s alternate infinite;

}

#banner .body .content-box .button-box {

	display: inline-block;

}

#banner .body .content-box .btn.btn-green span {

	font-size: 22px;

	display: inline-block;

	line-height: 1;

}

#banner .body .content-box .btn.btn-green span.bold {

	font-size: 28px;

}

#banner .body .content-box .btn.btn-green img {

	max-width: 50px;

	margin-right: 20px;

}

#banner .body .col-lg-6:last-child {

	display: flex;

	justify-content: center;

}

#banner .footer .logo-box img {

	max-width: 300px;

}

#banner .footer .col-lg-6 .box {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

#banner .footer .icon-box ul {

	display: flex;

	align-items: center;

}

#banner .footer .icon-box ul a img {

	max-width: 50px;

}

#banner .footer .icon-box ul li {

	padding: 0 10px;

}

#banner .footer p {

	font-size: 20px;

	font-weight: bold;

	color: white;

	margin-bottom: 0;

	font-family: 'Roboto-Bold';

}

#banner .footer a {

	font-size: 30px;

	font-weight: bold;

	color: white;

	font-family: 'Roboto-Bold';

}

.col-lg-3 {

	display: flex;

	justify-content: center;

}

#banner .footer {

	text-align: center;

	padding-bottom: 40px;

}

#banner .footer  .col-lg-6 + .col-lg-3 {

	border-left: 2px solid white;

	border-right: 2px solid white;

}

#banner .header .btn {

	background-color: white;

	border-radius: 50px;

	padding: 10px 60px;

	font-size: 20px;

	font-weight: bold;

	display: flex;

	align-items: center;

	justify-content: center;

}

#banner .header .btn.btn-1 {

	color: #4caf50;

}

#banner .header .btn.btn-2 {

	color: #039be5;

}

#banner .header .btn.btn-3 {

	color: #4267b2;

}

#banner .header .btn.btn-4 {

	color: #eb0c5c;

}

#banner .header .btn img {

	max-width: 30px;

	height: 30px;

	object-fit: contain;

	margin-right: 10px;

}

#banner .header ul {

	display: flex;

	justify-content: space-evenly;

	padding: 20px 10px;

	column-gap: 20px;

	flex-wrap: wrap;

}

#banner .header ul li a img {

	max-width: 50px;

}

#banner .content-box ul p {

	font-size: 20px;

	font-weight: 600;

	color: white;

	margin-bottom: 0;

}

#banner .content-box ul a {

	font-size: 30px;

	font-weight: 600;

	color: white;

	text-transform: unset;

}

#banner .content-box ul {

	display: flex;

	flex-wrap: wrap;

	margin-top: 60px;

}

#banner .container-fluid {

	max-width: 90%;

	margin: 0 auto;

}

#banner .content-box ul li:last-child {

	padding-left: 40px;

	margin-left: 40px;

	border-left: 2px solid white;

}

/* banner css end */



@keyframes translate {

	0%{transform: translateX(-40px);}

	100%{transform: translateX(40px);}

}