-------------------------------------------------------------------------------------
.flat-inner1 img {
    float: left;
    margin: -25px 25px 0px 0;
    width: 80px;
    height: 78px;
    text-align: center;
    vertical-align: middle;
    color: #017df7;
    font-size: 40px;
    line-height: 80px;
    position: relative;
}

.section-grey h4 {
font-family: 'Dosis', sans-serif;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 10px;
    color: #071e55;
    font-weight: 300;
  font-size: 20px;
} 

section .section-title {
        margin-bottom: 30px !important;
    }
.section-title {
font-family: 'Dosis', sans-serif;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 10px;
    color: #071e55;
    font-weight: 300;
  font-size: 36px;
}
.test-img{
  display: block;
  margin: auto;
  width: 50%;
  max-width:298px;
  height: 100px;
}
.header .main-menu li.has-children>a:after {
    background: url(../imgs/template/icons/angle-down.svg) no-repeat 50%;
    content: "";
    height: 8px;
    margin-top: -4px;
    position: absolute;
    right: -15px;
}
.bg-2 {
    background-color: #ffffff !important;
}
.section-blue {
    color: #fff;
    background: #427fe0 linear-gradient(0deg, #427fdf 0, #396bb1 100%);
}
.mission-section {
    background: linear-gradient(225deg, #427fdf 0, #396bb1 100%);
    padding: 50px 0 30px 0;
}
.mission-section h2 {
        font-size: 40.09px;
        line-height: 31.5px;
    }
.missionDes {
        font-size: 21px;
        line-height: 28.5px;
        font-weight: 700;
    }
footer .footer-2 {
    background-color: #407bd8;
}
body {
    font-family: proxima-nova, sans-serif;!important
    }
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin-bottom: 20px;
} 

@media (min-width: 768px) {
    h3 {
        font-size: 40px;
        line-height: 50px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1260px;
    }
}
.header {
background-color: #407ad5;
}
.header .main-menu li a {
    color: #fff;
    display: block;
    font-family: var(--primary-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 23px;
    padding: 24px 2px 23px 22px;
    position: relative;
    text-decoration: none;
}
.sticky-bar.stick {
      background: #407bd8;
}

	.banner-v23 {
		padding-top: 90px;
		padding-bottom: 70px;
		background: linear-gradient(180deg, #427fe0 0, #3b70bd 100%);
      
		color: white;
		position: relative;
	}
.desktop-hero2{
   background-image: url("https://firstrankonline.com/storage/rajkumar-picture-567.png");
    background-size: cover;
    background-position: bottom;

}

.banner-v23 .desktop-hero2 {
     position: absolute;
    bottom: 60px;
    left: 70%;
    width: 308px;
    height: 305px;
    }

.desktop-hero{
   background-image: url("https://firstrankonline.com/storage/rajkumar-picture.png");
    background-size: cover;
    background-position: bottom;

}

.banner-v2 .desktop-hero {
     position: absolute;
    bottom: 0;
    left: 60%;
    width: 591px;
    height: 590px;
    }

	.banner-v2 {
		padding-top: 90px;
		padding-bottom: 70px;
		background: linear-gradient(180deg, #427fe0 0, #3b70bd 100%);
		color: white;
		position: relative;
	}

	@media(max-width: 768px) {
		.banner-v2 {
			padding-top: 80px;
		}
      .banner-v23 {
			padding-top: 80px;
		}
	}

	.banner-v2 .heading,
	.banner-v2 .description {
		max-width: 800px;
      color: #fff;
	}
.banner-v23 .heading,
	.banner-v23 .description {
		max-width: 800px;
      color: #fff;
	}
	@media(max-width: 1500px) {
		.banner-v2 .heading,
		.banner-v2 .description {
			max-width: 780px;
		}
	}
@media(max-width: 1500px) {
		.banner-v23 .heading,
		.banner-v23 .description {
			max-width: 780px;
		}
	}


	@media(max-width: 990px) {
		.banner-v2 .heading,
		.banner-v2 .description {
			max-width: 550px;
		}
	}
@media(max-width: 990px) {
		.banner-v23 .heading,
		.banner-v23 .description {
			max-width: 550px;
		}
	}

	.banner-v2 .content {
		position: relative;
		z-index: 1;
		padding: 0;
	}
.banner-v23 .content {
		position: relative;
		z-index: 1;
		padding: 0;
	}

	@media(max-width: 768px) {
		.banner-v2 .content {
			padding: 0 1.25rem;
		}
	}

	.banner-v2 .heading {
		font-size: 3rem;
		line-height: 1.2;
	}
.banner-v23 .heading {
		font-size: 58px;
		line-height: 1.2;
	}

	@media(max-width: 768px) {
		.banner-v2 .heading {
			font-size: 2.125rem;
		}
	}
@media(max-width: 768px) {
		.banner-v23 .heading {
			font-size: 2.125rem;
		}
	}

	@media(max-width: 400px) {
		.banner-v2 .heading {
			font-size: 1.825rem;
			letter-spacing: 0.04em;
		}
	}

	.banner-v2 .description {
		font-size: 36px;
		line-height: 1.4;
	}
.banner-v23 .description {
		font-size: 36px;
		line-height: 1.4;
	}

	@media(max-width: 768px) {
		.banner-v2 .description {
			font-size: 1.25rem;
		}
	}

	

	@media(max-width: 1500px) {
		.banner-v2 .desktop-hero {
							left: 49%;
					}
	}

	@media(max-width: 990px) {
		.banner-v2 .desktop-hero {
			width: 600px;
			height: 550px;
          display:none;
		}
	}

	.banner-v2 .mobile-hero {
		position: absolute;
		bottom: 0;
		z-index: -1;
        	left: calc(48vw - 3rem);
			width: 320px;
			height: 380px;
			}

	@media(max-width: 500px) {
		.banner-v2 .mobile-hero {
			left: auto;
			right: -2.25rem;

							width: 300px;
				height: 330px;
					}
	}

	.banner-v2 .awards-badges {
		width: 590px;
	}

	@media(max-width: 990px) {
		.banner-v2 .awards-badges {
			width: 450px;
		}
	}

	@media(max-width: 768px) {
		.banner-v2 .awards-badges {
			width: auto;
		}
	}

	.banner-v2 .polygon-hack {
		align-items: flex-end;
		shape-outside: polygon(60% calc(100% - 300px), 100% 100%, 0% 100%);
		float: right;
		width: 320px;
		max-width: 57vw;
		max-height: 65vh;
	}

	@media(max-width: 400px) {
		.banner-v2 .polygon-hack {
			max-height: 90vh;
		}
	}

	@media(max-width: 320px) {
		.banner-v2 .description {
			padding-bottom: 250px;
		}

		.banner-v2 .polygon-hack {
			display: none !important;
		}
	}

	.banner-v2 .seo-quote-form {
		display: grid;
		grid-template-columns: 1fr auto;
	}

	@media(max-width: 768px) {
		.banner-v2 .seo-quote-form {
			display: block;
		}
	}






.page-who-we-are .mission-section {
    background: linear-gradient(225deg, #427fdf 0, #396bb1 100%);
    padding: 50px 0 30px 0;
}
.page-who-we-are .whoWeAreSection .valueHeading {
        font-size: 27.95px !important;
    }
.page-who-we-are .valueItem img {
    height: 30px;
    width: 30px;
}
.page-who-we-are .whoWeAreSection .valueDes p {
        font-size: 22.36px;
        line-height: 29.07px;
    }
    .page-who-we-are .whoWeAreSection .valueHeading {
        font-size: 27.95px !important;
    }
.header .main-menu li a {
     padding-left: 30px !important;
}
.header .main-header .header-left .header-right {
    padding: 15px 0 15px 15px;
    text-align: right;
    width: 40%;
    display: none;
}
.d-md-block {
        display: block !important;
    }
.fp-btn.fp-btn-orange {
    color: #fff;
    background-color: #ff5254;
}
.bg-pearl   h5 {
        font-size: 20px;
        line-height: 25px;
  margin-bottom: 15px;
    }
.rounded-6 {
    border-radius: 1.5rem;
}
.bg-pearl {
    background: #F4F9FF;
}
.pt-5, .py-5 {
    padding-top: 3rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}

ul.list {
    list-style: none;
    padding-left: 0;
}
ul.list li:not(:last-child) {
    margin-bottom: 1.5rem;
}

ul.unique-list li {
    background: white;
    border-radius: 999px;
    padding: 1rem 1.5rem;
    margin-bottom: 0.375rem !important;
    box-shadow: 0 0 16px 0 #45454526;
  list-style-type: none;
}
 
.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}
.pt-5, .py-5 {
    padding-top: 3rem !important;
}
.mt-5, .my-5 {
    margin-top: 3rem !important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}

section.section-services h2, section.section-services h3, section.section-services h4, section.section-services p {
    text-align: center;
}
.section-orange {
    color: #fff;
    background-color: #ff5254;
}
    section.section-letstalk {
        margin-top: 100px;
        padding: 60px 0 80px;
    }
section.section-letstalk h1, section.section-letstalk h2, section.section-letstalk h3 {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2em;
    color: #fff;
}
.fp-btn.fp-btn-white {
    color: #ff5254;
    background-color: #fff;
}
section.section-letstalk .fp-btn {
    min-width: 250px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    font-size: 11px;
    padding: 15px;
}

h2{
    font-weight: 700;
    margin-bottom: 20px;
}
.strategy-list ul, .text-list {
    display: grid;
    gap: 15px;
}
.space-100 {
			height: 100px;
		}

		.content-card {
			background-color: #fff;
			border: 1px solid #d1d5dc;
			box-shadow: 0 20px 40px 0 #0000000d;
			padding: 32px;
			border-radius: 12px;
		}

		.content-card > p:last-child {
			margin: 0;
		}

		.content-card h3 {
			font-size: 28px;
			line-height: 1.2;
		}

		.strategy-list {
			display: grid;
			gap: 80px;
			margin-top: 80px;
		}
		.strategy-list ul,
		.text-list {
			display: grid;
			gap: 15px;
		}
		.strategy-item {
			display: flex;
			gap: 48px;
			align-items: center;
			flex-wrap: wrap;
		}

		.strategy-item .img-wrap {
			text-align: center;
			width: calc(50% - 24px);
		}
		.strategy-item .img-wrap img {
			max-width: 430px;
		}
		.strategy-item .img-wrap.card {
			padding: 24px;
			border-radius: 24px;
			box-shadow: 0 20px 40px 0 #0000000d;
		}

		.strategy-item .text-card {
			width: calc(50% - 24px);
			background-color: #fff;
			border: 1px solid #d1d5dc;
			box-shadow: 0 20px 40px 0 #0000000d;
			padding: 32px;
			border-radius: 12px;
			position: relative;
		}

		.strategy-item .text-card .title {
			display: flex;
			gap: 12px;
			align-items: center;
			margin-bottom: 12px;
		}

		.strategy-item .text-card .title h3 {
			margin: 0;
			font-size: 28px;
			line-height: 1.2;
		}

		.strategy-item .number {
			position: absolute;
			width: 48px;
			height: 48px;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 24px;
			font-weight: 800;
			top: -24px;
			left: -24px;
			background: #427fe0;
			color: #fff;
		}

		.strategy-item .btn {
			width: 100%;
			box-shadow: none;
		}

		.strategy-list .bg-blue {
			background: #74b5ff1a;
			padding: 24px;
			border-radius: 12px;
			margin-top: 24px;
		}




.font-weight-bold {
    color: #427FE0;
    letter-spacing: 0.05em;
    font-weight: 700 !important;
    padding-bottom: 5px;
}
section.section-paragraph .image-container-right {
    text-align: center;
}
.section-why-choose-us .blueTickIcon {
        margin-top: 10px;
        padding-right: 36px;
    }
.h2side{font-size: 40px;
        line-height: 45px;
  padding-bottom: 20px;
}
.text-center{
text-align: center;}
.roadmapStep{
      font-size: 21px;
  padding-top:20px;
    letter-spacing: 0.01rem;
    margin-bottom: 20px;
}
}



@media (min-width: 1200px) {
    .container {
        max-width: 1240px;
    }
}

.banner-1 {
    padding: 10px 0 0px;
}
.banner-1 h1{
     font-size: 3rem;
    line-height: 1.0;
  font-weight: 900;
}

.card-offer .card-image img {
    max-height: 110px;
}
.card-offer .card-image {
    height: 100px;
    margin-bottom: 15px;
    text-align: center;
}
.card-info a{
text-align: center;}
.card-info h4{
  color: #00225D;
  padding-top: 20px;
  padding-bottom: 20px;
font-size: 34px;
    line-height: 32px;
    font-weight: 900;
}
.card-offer {
    border: 1px solid #cde2e7;
    border-radius: 8px;
    margin-bottom: 30px;
    padding: 40px 30px 30px;
}
section.section-services h2 {
    text-align: center;
  font-size: 40px;
        line-height: 50px;
  font-weight: 900;
    margin-bottom: 20px;
  color: #00225d;
}
section.section-comparison h2 {
    text-align: center;
  font-size: 40px;
        line-height: 50px;
  font-weight: 900;
    margin-bottom: 20px;
  color: #00225d;
}
section.section-services p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01rem;
    margin-bottom: 20px;
}
section.section-services .card {
    border: none;
    border-radius: 0;
    box-shadow: 1px 4px 15px 0 rgba(0, 0, 0, 0.3);
    height: 100%;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}
section.section-services .card img {
    margin: 50px auto 15px auto;
}
    section.section-services .card .card-body {
        padding: 15px 15px 30px 15px;
    }
section.section-services .card .card-title {
    margin-bottom: 20px;
}
section.section-services .card h3 {
    font-size: 35px;
    line-height: 40px;
}

section.section-services .card .card-text {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    padding: 0 15px;
}

    section.section-services .card-text.min-height {
        min-height: 225px;
    }
section.section-services .card h3 {
    font-size: 35px;
  text-align: center;
    line-height: 40px;
}
section.section-services .card h4 {
    font-size: 25px;
    line-height: 30px;
      margin-bottom: 20px;
}
section.section-services .card .card-body .card-text, section.section-services .card .card-body ul.tick {
    padding: 0 15px;
  list-style-type: none;
}
ul.tick li {
    background: url(https://firstpage.com.au/wp-content/themes/firstpage-au/assets/img/tick.svg) no-repeat;
    padding-left: 36px;
    margin: 10px 0;
    line-height: 26px;
    text-align: left;
}
section.section-services .card .card-footer {
    padding: 0 15px 30px 15px;
    background-color: transparent;
    border-top: none;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 2.4px;
    color: #ff5254;
}
.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}


   .section-features {
    text-align: center;
    padding: 50px 0;
    margin-top: 50px;
}
.section-grey {
    background-color: #f9f9f9;
}

.section-features img {
    margin-bottom: 20px;
    border-style: none;
}
.section-features h5 {
    margin-bottom: 0;
     font-size: 20px;
        line-height: 25px;
}
.header .main-header .header-left .header-logo {
    max-width: 230px;
}
.header .main-menu {
    padding-top: 3px;
    padding-left: 50px;
  text-transform: uppercase;
}





.header .main-header .header-left .header-nav {
    display: inline-block;
    text-align: left;
    width: 80%;
}
.header .main-menu li ul {
        min-width: 337px;
}
.box-price {
    display: inline-block;
    margin: 30px 0 20px;
    width: 100%;
    text-align: center;
}
.month_price .font-lg-bold{
    font-size: 39px;
}
.card-plan .card-image-plan .info-plan {
    width: 100%;
    text-align: center;
}
.info-plan h4{
  padding-bottom: 20px;
}

.list-ticks.list-ticks-2 li:first-child {
font-size: 18px;
  font-weight: 700;
}
.card-info h4 {
        font-size: 23px;
   }

.comparison-content-paragraph-holder {
    display: flex;
}
.green-tick {
    color: #11bd91;
    margin-top: -2px;
    margin-right: 4px;
}
p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01rem;
    margin-bottom: 20px;
}
.red-cross {
    color: #ff5254;
    margin-right: 4px;
    margin-top: -2px;
}
section.section-services h3{
  text-align: center;
}
@media (min-width: 768px) {
    section .section-title {
        margin-bottom: 50px;
    }
}

	.block-partnership .list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
	}

	.block-partnership .list .card {
		border-radius: 999px;
		font-size: 1.1rem;
		border: 1px solid #E6E6E6;
		background: white;
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);
		padding: 1rem 2rem;
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 1rem;
		align-items: center;
	}

	.block-partnership .card-block {
		border: 1px solid #E6E6E6;
		background: white;
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);

		border-radius: 1rem;
		display: flex;
		flex-direction: column;
		align-items: start;
		padding: 2rem;
		min-height: 250px;
	}

	.block-partnership .list-item {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 1rem;
		align-items: center;
		margin-top: 0.5rem;
	}

	@media(max-width: 768px) {
		.block-partnership .list {
			grid-template-columns: 1fr;
		}

		.block-partnership .list .card {
			border-radius: 1rem;
			display: flex;
			flex-direction: column;
			align-items: start;
			padding: 1rem;
			min-height: 250px;

			box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.10);
		}
	}


	/* Slick Slider */
	.block-partnership ul.slick-dots li button {
		border-radius: 999px;
		border: 1px solid #667085;
		width: 8px;
		height: 8px;
	}

	.block-partnership ul.slick-dots li button::before {
		display: none;
	}

	.block-partnership ul.slick-dots li.slick-active button {
		background: #667085;
	}

	/* Bootstrap doesn't support 'display: grid'??? */
	@media(min-width: 768px) {
		.d-md-grid {
			display: grid !important;
		}
	}
.font-weight-bold{
    color: #427FE0;
    letter-spacing: 0.05em;
  font-weight: 700 !important;
}
.block-partnership .card-block {
    border: 1px solid #E6E6E6;
    background: white;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 2rem;
    min-height: 250px;
}
.service-blocking{
  display: grid;
  grid-template-columns: 1fr auto; 
  gap: 1rem;
}