@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
/* font-family: 'Poppins', sans-serif; */
:root {
  --baseFont: 'Poppins', sans-serif;
  --baseColor: #191D34;
  --textColor: #454545;
  --lightColor: #858585;
  --primaryColor: #DC1B18;
  --lightBg: #F1F3F8;
}
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
body {
  font-family: var(--baseFont);
  color: var(--baseColor);
}
a {
  color: inherit;
  text-decoration: none;
}
a, .btn {
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}

h1 {
	font-size: 70px;
	line-height: 1.2;
	font-weight: 700;
}
img {
  max-width: 100%;
}
.btn {
	font-size: 14px;
  line-height: 1.14;
	font-weight: 700;
	border-radius: 30px;
  text-transform: uppercase;
	padding: 15px 30px;
  letter-spacing: 3px;
}
.btnPrimary {
  background: rgb(204,0,0);
  background: -moz-linear-gradient(-45deg,  rgba(204,0,0,1) 0%, rgba(255,48,35,1) 52%, rgba(204,0,0,1) 100%);
  background: -webkit-linear-gradient(-45deg,  rgba(204,0,0,1) 0%,rgba(255,48,35,1) 52%,rgba(204,0,0,1) 100%);
  background: linear-gradient(135deg,  rgba(204,0,0,1) 0%,rgba(255,48,35,1) 52%,rgba(204,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=1 );
  color: var(--bs-white);
  -webkit-background-size: 200% auto;
  background-size: 200% auto;
  background-position: left top;
}
.btnPrimary:hover {
  background-position: right top;
  color: var(--bs-white);
}


.primaryColor {
  color: var(--primaryColor)
}


.headerCol {
	padding: 45px 0;
  color: var(--bs-white);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
  color: #fff;
}
.fixedHeader .headerCol {
	background-color: #000;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	padding: 20px 0;
}
.headerInnerCol {
	position: relative;
}
.logoImg {
	width: 298px;
	-webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.fixedHeader .logoImg {
  width: 220px;
}
.headerRightText {
	font-size: 18px;
  text-align: right;
	position: absolute;
	right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.bannerSection {
	padding: 290px 0 0px;
	position: relative;
	background-image: url('../images/banner-bg.jpg');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.bannerSection::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.2);
}
.bannerSection::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 290px;
  opacity: 0.3;
  background: -moz-linear-gradient(top,  rgba(0,3,33,1) 0%, rgba(0,3,33,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,3,33,1) 0%,rgba(0,3,33,0) 100%);
  background: linear-gradient(to bottom,  rgba(0,3,33,1) 0%,rgba(0,3,33,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000321', endColorstr='#00000321',GradientType=0 );
}
.bannerContentMain {
  position: relative;
  z-index: 2;
}
.bannerLeftCol {
	width: 740px;
	padding-right: 30px;
	color: #fff;
}


.bannerRightCol {
	position: relative;
	padding: 40px 48px 65px;
	background-color: var(--lightBg);
	color: var(--textColor);
	border-radius: 50px 0 50px 0;
	box-shadow: 0 20px 100px rgba(61,63,149,0.3);
	margin-bottom: -90px;
}
.bannerFormTitle {
  padding-bottom: 10px;
}
.formTitle {
	font-size: 35px;
  font-weight: 700;
}
.formStyle .form-control::placeholder,
.formStyle .form-control, .formStyle .form-select {
  color: #969696;
}
.formStyle .form-control:focus, .formStyle .form-select:focus {
  box-shadow: none;
}
.formStyle .form-control, .formStyle .form-select {
	background-color: #fff;
	border-color: transparent;
	border-radius: 30px;
	height: 48px;
	padding: 8px 20px;
	font-size: 14px;
}
.formStyle .iconFldCol .form-control {
	padding-left: 52px;
}
.formStyle .form-select {
	padding-right: 35px;
	background-image: url('../images/angle-down.svg');
	-webkit-background-size: 14px 8px;
  background-size: 14px 8px;
	background-position: right 15px center;
}
.iconFldCol{
  position: relative;
}
.fldIcon {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  pointer-events: none;
}

.topColSpace {
	padding: 80px 0;
}
.stepsHeader {
  font-size: 25px;
  line-height: 1.4;
}
.stepNumber {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
	width: 38px;
	height: 38px;
	background-color: #F6EFEF;
	border-radius: 50%;
	font-weight: 700;
	font-size: 26px;
	color: var(--primaryColor);
  position: relative;
  z-index: 1;
}
.stepTitle {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 1.2;
	padding-top: 16px;
}
.stepText {
	color: var(--lightColor);
}
.stepCard {
	position: relative;
	max-width: 397px;
}
.stepCard::before {
	content: "";
	position: absolute;
	left: 50px;
	top: 14px;
	width: 190px;
	height: 12px;
	background-image: url('../images/line.svg');
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: left center;
}
.steps {
	padding-top: 40px;
}


.sectionSpace {
  padding: 160px 0;
}
.contentCol h2 {
	font-size: 40px;
	font-weight: 600;
	color: var(--primaryColor);
}
.contentCol p {
	line-height: 1.87;
  color: var(--textColor);
}
.imgCol {
	position: relative;
	z-index: 2;
	max-width: 635px;
}
.imgCol .dots {
	position: absolute;
	bottom: 0;
	left: 0;
  z-index: -1;
	-webkit-transform: translate(-30% , 30%);
  -ms-transform: translate(-30% , 30%);
  transform: translate(-30% , 30%);
}
.contentImg {
	border-radius: 50px 0 50px 0;
  width: 100%;
  height: 440px;
  -o-object-fit: cover;
  object-fit: cover;
}
.contentCol {
	max-width: 615px;
	margin-left: auto;
}
.contentRow + .contentRow {
	margin-top: 150px;
}


.contentColMain {
	position: relative;
}
.contentColMain::before {
	content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 50%;
  background-color: var(--lightBg);
}
.contentColMain > div {
  position: relative;
  z-index: 2;
}

.answerSection {
	padding: 105px 0;
	background-image: url('../images/answer-bg.jpg');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}
.answerSection::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(236,236,236,0.8);
}
.answerSection > div {
  position: relative;
  z-index: 2;
}
.answerTopContent > h3 {
  text-align: center;
  padding-bottom: 35px;
}
h3 {
  font-size: 50px;
  line-height: 1.3;
  font-weight: 600;
}
.answerTopContent > p {
	line-height: 1.8;
}
.answerTopContent > a {
	color: var(--primaryColor);
	font-weight: 600;
  text-decoration: underline;
}
.answerTopContent > a:hover {
  opacity: 0.8;
}
.graphColMain {
	padding-top: 40px;
}
.graphImgCol {
	padding: 0 20px;
	text-align: center;
  position: relative;
}
.graphImgCol .dotsCol {
	position: absolute;
	bottom: 0;
}
.gLeftImgCol .dotsCol {
  left: 0;
}
.gRightImgCol .dotsCol {
  right: 0;
}


.footerCol {
	position: relative;
	z-index: 2;
}
.footerTopCol {
	padding: 80px 0 40px;
}
.footerTopCol::before {
	content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
	background-image: url('../images/footer-bg.svg');
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
  background-size: auto 100%;
	background-position: right top;
}
.footerTitle {
  display: block;
  color: var(--primaryColor);
  font-size: 30px;
  font-weight: 600;
  padding-bottom: 10px;
}
.footerContactContent p {
	font-size: 25px;
	line-height: 1.8;
	font-weight: 500;
	color: var(--textColor);
}
.footerLeftCol {
  width: 600px;
  padding-right: 150px;
}
.footerRightCol p {
	line-height: 2.2;
}

.footerLinks {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.footerLinks > li {
  display: inline-block;
}
.footerLinks > li + li {
  padding-left: 120px;
}
.footerLinks a {
  display: inline-block;
  text-decoration: underline;
  color: var(--textColor);
}
.footerLinks a:hover {
  color: var(--primaryColor);
}
.footerRightCol p + ul.footerLinks {
  padding-top: 20px;
}


.footerBtmCol {
	background-color: var(--bs-white);
	padding: 35px 0;
	color: #ABABAB;
	text-align: center;
	font-size: 15px;
	box-shadow: 0 -10px 84px rgba(0,0,0,0.03);
}
.footerContactContent {
	padding-top: 10px;
}
/* media start */
@media (min-width:992px) {
  .contentRow:nth-child(2n) > .row {
  	-webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .contentRow:nth-child(2n) .contentCol {
    margin-left: 0;
  }
  .contentRow:nth-child(2n) .imgCol {
    margin-left: auto;
  }
  .contentRow:nth-child(2n) .imgCol .dots {
    left: auto;
    right: 0;
    -webkit-transform: translate(30% , 30%);
    -ms-transform: translate(30% , 30%);
    transform: translate(30% , 30%);
  }
}
@media (min-width:1590px) {
  .container {
    max-width: 1420px;
  }
}
@media (max-width:1399px) {
  body {
    font-size: 15px;
  }
  .bannerLeftCol {
  	width: 580px;
  	padding-right: 10px;
  }
  h1 {
  	font-size: 50px;
  }
  h3 {
  	font-size: 40px;
  }
  .formTitle {
  	font-size: 30px;
  }
  .bannerRightCol {
  	padding: 30px 30px 45px;
  	border-radius: 40px 0 40px 0;
  	margin-bottom: -50px;
  }
  .stepsHeader {
  	font-size: 21px;
  }
  .stepTitle {
  	font-size: 20px;
  }
  .sectionSpace {
  	padding: 120px 0;
  }
  .contentCol h2 {
  	font-size: 32px;
  }
  .contentCol {
  	max-width: 525px;
  }
  .imgCol {
  	max-width: 530px;
  }
  .contentCol p {
  	line-height: 1.6;
  }
  .dots {
  	width: 120px;
  }
  .contentImg {
  	height: 380px;
  }
  .answerSection {
  	padding: 85px 0;
  }
  .answerTopContent > h3 {
  	padding-bottom: 20px;
  }
  .footerLeftCol {
  	width: 460px;
  	padding-right: 50px;
  }
  .footerTitle {
  	font-size: 26px;
  }
  .footerContactContent p {
  	font-size: 20px;
  }
  .footerTopCol {
  	padding: 60px 0 30px;
  }
  .footerRightCol p + ul.footerLinks {
  	padding-top: 10px;
  }
  .footerBtmCol {
  	padding: 25px 0;
    font-size: 14px;
  }
  .bannerSection {
  	padding: 220px 0 0px;
  }
}

@media (max-width:1199px) {
  .bannerLeftCol {
  	width: 400px;
  	padding-right: 0px;
  }
  h1 {
  	font-size: 44px;
  }
  .contentCol h2 {
  	font-size: 28px;
  }
  h3 {
  	font-size: 36px;
  }
  .headerCol {
  	padding: 25px 0;
  }
  .headerRightText {
  	font-size: 16px;
  }
  .bannerSection {
  	padding: 160px 0 0px;
  }
  .formTitle {
  	font-size: 26px;
  }
  .stepsHeader, .stepTitle {
  	font-size: 18px;
  }
  .stepText {
  	font-size: 14px;
  }
  .topColSpace {
  	padding: 90px 0 50px;
  }
  .steps {
  	padding-top: 20px;
  }
  .sectionSpace {
  	padding: 100px 0;
  }
  .footerLeftCol {
  	width: 420px;
  	padding-right: 10px;
  }
  .footerRightCol p {
  	line-height: 1.8;
  }
  .footerBtmCol {
  	padding: 20px 0;
  }
  .contentRow + .contentRow {
  	margin-top: 100px;
  }
  .logoImg {
  	width: 220px;
  }
}

@media (max-width:991px) {
  .bannerSection {
  	padding: 140px 0 0px;
  }
  .bannerLeftCol {
  	width: 100%;
  }
  h1 {
  	font-size: 34px;
  }
  .contentCol h2 {
  	font-size: 26px;
  }
  h3 {
  	font-size: 32px;
  }
  .answerTopContent > h3 {
  	padding-bottom: 10px;
  }
  .bannerLeftCol {
  	text-align: center;
  	padding-bottom: 20px;
  }
  .stepCard {
  	max-width: 100%;
  }
  .sectionSpace {
  	padding: 80px 0;
  }
  .imgCol, .contentCol {
  	max-width: 100%;
  }
  .contentImg {
  	height: 440px;
  }
  .imgCol .dots {
    width: 100px;
  	-webkit-transform: translate(-15% , 15%);
  	-ms-transform: translate(-15% , 15%);
  	transform: translate(-15% , 15%);
  }
  .contentRow + .contentRow {
  	margin-top: 60px;
  }
  .graphImgCol.gRightImgCol {
  	padding-top: 30px;
  }
  .dotsCol {
  	width: 120px;
  }
  .footerContactImg {
  	width: 100px;
  }
  .footerRightCol p {
  	line-height: 1.6;
  }
  .answerSection {
  	padding: 70px 0;
  }
  .footerTopCol {
  	padding: 40px 0 30px;
  }
}

@media (max-width:767px) {
  .contentCol h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 28px;
  }
  .formStyle .form-control, .formStyle .form-select {
  	height: 46px;
  	padding: 8px 15px;
  	font-size: 13px;
  }
  .formStyle .form-select {
  	padding-right: 30px;
  }
  .bannerRightCol {
  	padding: 30px 20px 45px;
  	border-radius: 30px 0 30px 0;
  }
  .contentImg {
  	height: 350px;
  }
  .sectionSpace {
  	padding: 70px 0 50px;
  }
  .footerContactContent p {
  	font-size: 18px;
  	line-height: 1.6;
  }
  .footerTitle {
  	font-size: 22px;
    padding-bottom: 5px;
  }
}

@media (max-width:575px) {
  .logoImg, .fixedHeader .logoImg {
  	width: 180px;
  }
  .headerRightText {
  	font-size: 14px;
  	padding-top: 5px;
  }
  .headerCol {
  	padding: 20px 0;
  }
  h1 {
  	font-size: 30px;
  }
  .contentCol h2 {
  	font-size: 20px;
  }
  h3 {
  	font-size: 24px;
  }
  .contentImg {
  	height: 250px;
  }
  .footerLinks > li + li {
  	padding-left: 50px;
  }
  .bannerSection {
  	padding: 120px 0 0px;
  }
  .btn {
  	letter-spacing: 2px;
  }
  .contentRow + .contentRow {
  	margin-top: 30px;
  }
  .graphImgCol {
  	padding: 0 5px;
  }
  .footerLeftCol {
  	width: 100%;
  }
}

@media (max-width:374px) {
  h1 {
  	font-size: 28px;
  }
  .headerRightText {
  	font-size: 12px;
  }
  .logoImg, .fixedHeader .logoImg {
  	width: 160px;
  }
  .fixedHeader .headerCol, .headerCol {
  	padding: 15px 0;
  }
  .bannerSection {
  	padding: 100px 0 0px;
  }
  .formTitle {
  	font-size: 22px;
  }
  body {
    font-size: 14px;
  }
  .bannerRightCol {
  	padding: 20px 10px 35px;
  	border-radius: 20px 0 20px 0;
  }
  .contentImg {
  	height: 200px;
  }
  .contentCol h2 {
  	font-size: 18px;
  }
  .answerSection {
  	padding: 60px 0;
  }
  .footerLinks > li + li {
  	padding-left: 30px;
  }
}