@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&display=swap');




html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

html {
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

p {
    margin-bottom: 0!important;
}


body {
	margin:0;
	padding:0;
    font-family: 'Poppins', sans-serif;
}

.clear{
	clear:both;
}

.img{
	width:100%;
	display:block;
}

.v_a_img{
	vertical-align:middle;
}


.ab_shawdo {
    -webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.06);
-moz-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.06);
box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.06);
}


.banner_content h5 {
  text-align: left;
  font-size:16px!important;
  padding:1%;
  line-height:150%;
  font-family:'Poppins', sans-serif!important;
  color:#000!important;
  font-weight:500!important;
  transform: scale(0.94);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}

@keyframes scale {
  100% {
    transform: scale(1);
  }
}


.banner_content h6 {
  text-align: left;
  font-size:16px!important;
  padding:0% 2.5%;
  line-height:150%;
  font-family:'Poppins', sans-serif!important;
  color:#000!important;
  font-weight:500!important;
  border-left:5px solid #0095da;
  margin-left:1%;
}


/*-------------------------------------
Header
-------------------------------------*/
.top_main{
	position:sticky;
    top: 0;
    width: 100%;
    background-color: #ffff;
    z-index: 9999999999999;
    box-shadow: 0px 3px 1px #80808029;
}
.top{
	width:95%;
	margin:0 auto;
	max-width:1600px;
}

.top2{
	width:95%;
	margin:0 auto;
	max-width:1600px;
}



.logo{
	width:420px;
	float:left;
	margin:2% 1% 1.5%
}

.logo img{
	width:100%;
}

.logo h1 {
    font-family:'Poppins', sans-serif;
    font-size: 30px;
    color: #1074bb;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}

.logo p{
	font-family:'Poppins', sans-serif;
	font-size:15px;
	color:#000;
	text-align:left;
	padding: 1%;
}



.banner_content{
	width:48%;
	float:left;
	margin:3% 1% 1%;
}

.banner_content h1 {
    font-size: 50px;
	font-weight:600;
    color: #0095da;
	line-height:120%;
	font-family:'Poppins', sans-serif;
}

.banner_content h3 {
	font-size:35px;
	font-weight:700;
	line-height:1.2;
	font-family:'Nunito Sans', sans-serif;
	text-align:left;
	padding:1%;
	color: transparent;
	background: linear-gradient(90deg, #0095da 11%, #f9ce0e);
	-webkit-background-clip: text;
}

.beautify-line {
    width: 50%;
}


.banner_form{
	width:30%;
	float:right;
	margin:7% 3% 1% 1%;
	background-color:rgba(255,255,255,0.5);;
	padding:2%;
	border-radius: 25px;
}

.sub_lable25 {
	font-family:'Poppins', sans-serif;
	font-size: 22px;
	color: #0095da;
	font-weight: 600;
	text-align: left;
	padding:1% 1% ;
	line-height:140%;
}

.top_right{
	width:930px;
	float:right;
}

.nav{
	width:375px;
	float:left;
	margin: 1%;
}

.navbar {
    width: 500px;
    float: right;
    margin: 3% 0% 0%;
}

.navbar p{
	font-family:'Poppins', sans-serif;
	color:#fff;
	font-size:14px;
	background-color:#0095da;
	padding:2%;
	border-radius: 30px;
	text-align:center;
	line-height:140%;
}

/*--------------------------------
home page
--------------------------------*/

.part_icon{
	width:100px;
	float:none;
	margin:1% auto;
}

.best h1{
	font-size:15px;
	color: #000;
	font-family: 'Poppins', sans-serif;
	margin:4% 2% 1%;
	min-height:65px;
	line-height: 140%;
	text-transform: capitalize;
	text-align: center;
}

.brd_redious{
	border-radius: 50%;
}

.part h1 {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    padding: 3% 1%;
	line-height:150%;
}

.brd_redious2{
	border-radius: 20px;
}



/*--------------------------------
whtas up
--------------------------------*/

.whatsapp_float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 100px;
  right: 10px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.whatsapp-icon {
  margin-top: 16px;
}


/* for mobile */
@media screen and (max-width: 767px) {
  .whatsapp-icon {
    margin-top: 10px;
  }

  .whatsapp_float {
    width: 40px;
    height: 40px;
    bottom: 70px;
    right: 10px;
    font-size: 22px;
  }
}



/*--------------------------------------------------------------
banner text
--------------------------------------------------------------*/
.welcome2 h1{
	font-family: 'Popppins',sans-serif;
	font-size:20px;
	font-weight: 600;
	text-align:left;
	letter-spacing:1px;
	padding-top: 4%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 0%;
	color: transparent;
    background: linear-gradient(90deg, #0095da 11%, #f9ce0e);
    -webkit-background-clip: text;
}


.welcome2 h2{
	font-family: 'Nunito Sans', sans-serif;
	font-size:35px;
	font-weight: 700;
	text-align:center;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 0%;
	color: transparent;
    background: linear-gradient(90deg, #0095da 11%, #f9ce0e);
    -webkit-background-clip: text;
}


.welcome2 h3{
	font-family: 'Nunito Sans', sans-serif;
	font-size:35px;
	font-weight: 700;
	text-align:center;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 0%;
	color:#0095da;
}

.welcome2 p{
	font-family: 'Poppins',sans-serif;
	font-size:14px;
	color: #000000;
	font-weight:500;
	line-height: 150%;
	text-align: justify;
	padding-top: 1%;
	padding-right: 0%;
	padding-bottom:1%;
	padding-left: 0%;
	min-height:110px;
}

/*--------------------------------------------------------------
Front Page
--------------------------------------------------------------*/
.banner{
	width:100%;
	position:relative;
}

.link{
	text-decoration:none;
	color:#fff;
}

.link:hover{
	text-decoration:none;
	color:#fff;
}

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


/*--------------------------------------------------------------
Regular Content
--------------------------------------------------------------*/
.col_sm1{
	width:100%;
	margin:0 auto;
}

.col_sm2{
	width:48%;
	float:left;
	margin:1%;
}

.col_sm3{
	width:31%;
	float:left;
	margin:1%;
}

.col_sm4{
	width:23%;
	margin:1%;
	float:left;
}
.col_sm5{
	width:18%;
	margin:1%;
	float:left;
}

.col_sm6{
	width:14.5%;
	margin:1%;
	float:left;
}

.col_sm8{
	width:40%;
	margin:1%;
	float:left;
}
.col_sm88{
	width:55%;
	margin:1%;
	float:right;
}

.col_sm9{
	width:31%;
	margin:1%;
	float:left;
}

.col_sm99{
	width:65%;
	margin:1%;
	float:left;	
}

.col_sm999{
	width:65%;
	margin:1%;
	float:left;	
}

.col_sm9999{
	width:31%;
	margin:1%;
	float:left;
}

.fomr_col_sm3 {
    width: 31%;
    float: left;
    margin: 1%;
}


.f-foem{
	width:200px;
	float:none;
	margin:0 auto;
}

.form h1{
	font-size:25px;
	font-weight:700;
	color: #0095da;
	font-family:'Nunito Sans', sans-serif;
	margin-bottom: 4%;
	text-transform: capitalize;
	text-align: center;
}

.form p{
	font-size: 16px;
	font-weight: 500;
	color: #000;
	font-family:'Poppins', sans-serif;
	line-height: 160%;
	text-align: center;
}

.ftr_txt1 {
	color: #fff;
	font-size: 15px;
	padding: 1% 1%;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	line-height:150%;
}

.ftr_txt2 {
    color: #fff;
    font-size: 15px;
    padding: 1% 1%;
    font-family: 'Poppins', sans-serif;
    text-align: right;
	line-height:150%;
}

.ftr_clr2 {
    background-color: #232323;
}

.con_brd_right {
    border-right: 1px solid #ccc;
}

.col_sm2_1 {
    width: 48%;
    float: left;
    margin: 0%;
}


/*--------------------------------------------------------------
extra
--------------------------------------------------------------*/

.bg1{
	background-image: url(../images/bg1.jpg);
	min-height: 80vh;
    background-size: cover;
    background-attachment: scroll;
    background-position: top center;
}

.bg2{
	background-image: url(../images/bg2.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    padding: 50px 0px;
}

.bg3{
	background-image: url(../images/bg3.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    padding:20px 0px;
}


.bg_clr1{
	background-color:#ebf9ff;
}

.bg_clr2{
	background-color:#c9eeff;
	padding: 1%;
	border-radius: 25px;
	transition: all .3s linear;
}

.bg_clr2:hover{
	background-color:#63ceff;
}


.bg_clr7{
	background-color:#e6f3ff;
}

.bg_clr3{
	background-color:#fff;
}

.bg_clr4{
	background-color:#fff;
	border-radius:5px;
	min-height:640px;
}

.bg_clr5{
	background-color:#f7f7f7;
}

/*--------------------------------------------
Home page
---------------------------------------------*/

.rd_more{
	width: 150px;
	float: none;
	margin:1% auto 3%;
}

.btn {
	width: 100%;
	padding: 7% 4%;
	font-size: 15px;
	text-align: center;
	font-family:'Poppins', sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font-weight: 500;
	border-radius:7px;
	border:1.5px solid #1074bb;
	background-color: #1074bb;
}

.btn:hover {
	background-color: #1074bb;
	color: #fff;
	border:1.5px solid #1074bb;
}


.pdg{
	padding:2% 2% 0.5%;
}

.who h1{
	font-family: 'Nunito Sans', sans-serif;
	font-size:32px;
	font-weight:800;
	line-height:150%;
	margin:0;
    color:#000;
}

.who h2{
	font-family: 'Poppins', sans-serif;
	font-size:18px;
	font-weight:600;
	line-height:150%;
	text-align:justify;
	margin:2% 0% 1%;
	color: #0095da;
}

.who p{
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#000;
	line-height:150%;
	text-align:justify;
	margin:1.5% 0%;
	color: #000;
}


.testi h1{
	font-family: 'Poppins', sans-serif;
	font-size:27px;
	font-weight:600;
	text-align:justify;
	margin:4% 2% 2%;
	line-height:140%;
	color: transparent;
    background: linear-gradient(30deg, #0095da 40%, #f9ce0e);
    -webkit-background-clip: text;
}


.testi p{
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:500;
	color:#000;
	line-height:160%;
	text-align:justify;
	margin:0% 2% 0%;
}

.who ul li a{
	font-family: 'Poppins', sans-serif;
    float: left;
    margin: 0% 1%;
    padding: 18px 22px;
    background-color: #ef3f34;
    text-decoration: none;
    color: #fff;
}

.pra_1 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    text-align: justify;
    color: #1074bb;
    padding: 1% .5% 0;
}

.pra_1 p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 150%;
    text-align: justify;
    color: #001717;
    font-weight: 500;
    padding: 1% .5% 0;
}

.pra_1 p span{
    font-weight: 600;
    color: #1074bb;
}


/*--------------------------------------------------------------
Bullet
--------------------------------------------------------------*/
.bullet  {
	width:100%;
	margin-top:2%;
}

.bullet ul {
    list-style:square;
	margin-left:2%;
}

.bullet ul li{
	font-family:'Nunito Sans', sans-serif;
	font-size:16px;
	line-height:150%;
	color:#000;
	text-decoration: none;
	text-align:justify;
	font-weight:700;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
}


/*--------------------------------------------------------------
top_arrow
--------------------------------------------------------------*/
.top_arrow{
	width:35px;
	height:38px;
	position:fixed;
	right:1%;
	bottom:3%;
	transition-duration: 1s;
	background-image:url('../images/top.png');
	cursor:pointer;
	background-repeat:no-repeat;
	z-index: 999;
	background-size:100% 100%;
}
.top_arrow:hover{
	width:35px;
	height:38px;
	position:fixed;
	right:1%;
	transition-duration: 1s;
	bottom:3%;
	cursor:pointer;
	background-image:url('../images/top-b.png');
	background-size:100% 100%;
}



@media only screen and (max-width:1150px){

.navbar p {
    font-size: 13px;
    padding: 2% 1%;
}
.navbar {
    width:550px;
    margin: 5% 0% 0%;
}

.top_right {
    width:560px;
}
}


@media only screen and (max-width:1125px){
.top{
	width:100%;
}
.top2{
	width:96%;
}
}


@media only screen and (max-width:900px){

.bg1 {
    background-image:url(../images/bg1-mobile.jpg);
}

.banner{
    position: static;
}

.pro h1 {
    padding: 1% 1%;
}

.pro h4 {
    padding: 1% 1%;
}

.bg_clr4 {
    min-height: auto;
}

.banner_content {
    width: 98%;
    float: left;
    margin: 4% 1% 1%;
}

.banner_form {
    width: 65%;
    float: left;
    margin: 2% 1% 4%;
}


.col_sm5 {
    width: 31%;
}

.col_sm6{
	width:31%;
}


.top_right {
    width: 100%;
	float:none;
}

.nav {
    width: 100%;
    float: none;
    margin: 1% 0%;
	background-color:#2475C5;
}

.logo{
	width:320px;
	float:none;
	margin:0.5% auto;
}

.logo h1{
text-align: center; 
}

.logo p{
text-align: center; 
}


.navbar {
    width: 560px;
    float: none;
    margin: 2% auto 0%;
    padding-bottom: 2%;
}

.fomr_col_sm3 {
    width: 98%;
}

.con_brd_right {
    border-right: none;
}

.form h1 {
    margin-bottom: 2%;
}

.col_sm999{
	width:98%;
}

.col_sm9999{
	width:40%;
}
}


@media only screen and (max-width:800px){
.welcome2 p {
    min-height: auto;
}

.col_sm3{
	width:98%;
	float:none;
	margin:1%;
}	

.col_sm4{
	width:100%;
}

.ftr_txt h1{
	margin:4% 0%;
}
.col_sm2{
	width:100%;
}

.col_sm99 {
    width:98%;
}
.col_sm9 {
    width: 98%;
}
.testi h1 {
    margin: 1% 1% 1%;
}
.testi p {
    margin: 1% 1% 1%;
}
.col_sm8 {
    width: 98%;
}

.col_sm88 {
    width: 98%;;
}
}

@media only screen and (max-width:750px){
.banner_form {
    width: 85%;
}
.navbar p {
    padding: 2% 1%;
    border-radius: 0px;
}
}


@media only screen and (max-width:600px){

.col_sm9999{
	width:70%;
}

.col_sm6{
	width:48%;
	margin:1%;
	float:left;
}
.col_sm5 {
    width: 48%;
}

.bullet ul {
    margin-left: 3%;
}

.bullet2 ul {
    margin-left: 5%;
}

.bullet3 ul {
    margin-left: 6%;
}

.navbar {
    width: 100%;
    margin: 1% auto 0%;
    padding-bottom: 0%;
}

.banner_form {
    width: 98%;
}
}

@media only screen and (max-width:500px){

.col_sm9999{
	width:98%;
}
.call{
	margin:2% 0%;
}
.email{
	margin:2% 0%;
}

.call {
    width: 200px;
}


.col_sm5 {
    width: 98%;
}

.col_sm6{
	width:98%;
	margin:1%;
	float:left;
}
}