
	

.newBanner {

    /*

		background: url("img/wepik-export-bg.webp") no-repeat 100% 100%;

		background-size: cover;

*/

    background: rgb(255,255,255);

    background: linear-gradient(157deg, rgb(244 248 251) 17%, rgba(71,177,249,1) 100%);

}

.newBanner .lft {

    padding: 15% 0;

    position: relative;

    z-index: 100;

}

.newBanner p {

    font-size: 19px;

    line-height: 20px;

    font-weight: normal;

    margin: 0 0 40px;

}

.newBanner h1 {

    font-size: 32px;

    color: #007ee5;

    margin: 0 0 20px;

	font-weight: 700;

}

.newBanner .lft .rate {

    width: 180px;

    text-align: center;

    display: inline-block;

    margin: 5px 0 0px;

    font-size: 15px;

    color: gray;

}

.boyImg {

    margin-top: 30px;

    position: absolute;

    z-index: 1;

    bottom: 0;

}

.exclusion {

    position: absolute;

    z-index: -1;

    top: 20%;

    right: 0%;

}

.sky {

    position: absolute;

    bottom: 10%;

    left: 0%;

}

.blue {

    position: absolute;

    top: 6%;

    right: 10%;

}

.pink {

    position: absolute;

    bottom: 10%;

    right: 0%;

}

.bannerText1 {

    background: #fff;

    position: absolute;

    height: 110px;

    width: 50%;

    border-radius: 10px;

    padding: 10px;

    bottom: 20%;

    display: flex;

    align-items: center;

    box-shadow: 0px 0px 15px #bebebe;

    left: -90px;

}

.bannerText2 {

    background: #fff;

    position: absolute;

    height: 110px;

    width: 50%;

    border-radius: 10px;

    padding: 10px;

    top: 35%;

    display: flex;

    align-items: center;

    box-shadow: 0px 0px 15px #bebebe;

    right: -75px;

}



.flr {

    position: absolute;

    bottom: 0%;

    left: -39%;

}

.ctaBox{

/*background: #007ee5; */

    background: url(../img/ctabg.png) no-repeat left,#007ee5;

    padding: 55px;

    border-radius: 10px;

    display: flex;

    align-items: center;

    color: #fff;

    margin-top: 30px;

    position: relative;

}

	 .ctaBtn a{

    display: block;

    width: 170px;

    background: #11BC81;

    color: #fff;

    text-align: center;

    padding: 10px;

    border-radius: 5px;

    font-size: 18px;

    font-weight: 600;

}

	.ctaText {

    margin-left: 80px;

/*     color: #fff; */

}

	.ctaText h2{

		color: #fff;

		font-weight: 600;

	}

	.ctaText p{

/*    margin-left: 80px;*/

     color: #fff; 

}

@media (min-width:300px) and (max-width:767.98px) {

.boyImg {

    margin-top: 0px;

    position: static;

}

.newBanner .lft {

    padding: 0% 0;

}

	.newBanner h1 {

    font-size: 22px;

    color: #007ee5;

    margin: 0 0 20px;

/*    font-weight: 600;*/

}

	.newBanner p {

    font-size: 17px;

    line-height: 20px;

    font-weight: normal;

    margin: 0 0 15px;

}

	.ctaBox {

    background: #007ee5;

		flex-wrap: wrap;

    text-align: center;

		padding: 25px;

		justify-content: center;

	}

	.ctaText {

    margin-left: 0px;

    /* color: #fff; */

}

	.ctaBtn a {

   

    margin-top: 20px;

}

}

	@media (min-width:768px) and (max-width:991.98px) {

.boyImg {

    margin-top: 0px;

    position: static;

}

	}

	@media (min-width:992px) and (max-width:1024.98px) {

		.newBanner p {

    font-size: 17px;

    margin: 0 0 20px;

}

		.newBanner h1 {

    font-size: 30px;

    

}

		.newBanner .lft {

    padding: 10% 0;

}

		.ctaBox {

    padding: 40px;

		}

	}

	@media (min-width:1025px) and (max-width:1199.98px) {

		.newBanner h1 {

    font-size: 30px;

		}

		.newBanner p {

    font-size: 17px;

    line-height: 20px;

    font-weight: normal;

    margin: 0 0 20px;

}

		.newBanner .lft {

    padding: 10% 0

		}

		.ctaBox {

    padding: 40px;

		}

		.ctaText {

    margin-left: 100px;

		}

	}

	#country-codes .btn.btn-primary.dropdown-toggle{

		padding: 8px 5px !important;

	}
