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

body{
    font-family: 'Open Sans', sans-serif;
}

.herosec{
	height: 58vh;
    padding-bottom: 150px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
.herosec1{
	background-repeat: no-repeat;
	background-size: cover;
	padding: 189px 0;
	background-position: top;
}
.herosec2{
	background-repeat: no-repeat;
	background-size: cover;
	padding: 220px 0;
	background-position: top;
}
.pd-1{
	padding-top: 70px;
}
.pd-2{
	padding-bottom: 70px;
}
.cnt-text{
	text-align: center;
}
.cnt-text h3{
	font-size: 26px;
	padding-top: 10px;
    font-weight: 500;
}
.cnt-text span{
	display: block;
    font-size: 22px;
    margin-top: 5px;
    color: #000000d1;
    font-weight: 400;
}
.cnt-text2 h3{
	color: #ec008c;
    font-size: 32px;
    padding-top: 18px;
    font-weight: 500;
}
.cnt-text2 p{
	font-size: 17px;
    font-weight: 500;
    line-height: 29px;
    color: #000000e3;
}
.cnt-text3{
	text-align: end;
}
.st{
	padding-top: 38px;
}
.bg2{
	background-color: #ec008c;
}
.cnt-bg h3{
	color: #ffffff;
    font-size: 32px;
    padding-top: 18px;
    font-weight: 500;
}
.cnt-bg p{
	font-size: 17px;
    font-weight: 500;
    line-height: 29px;
    color: #fffffff5;
}
.img-1{
	text-align: center;
	box-shadow: 1px 3px 5px #0000000d;
}
.img-1:hover{
	box-shadow: 1px 3px 5px #0000002e;
}
.img-1 img{
	padding: 15px;
}
.feature-text{
    padding-bottom: 10px;
}
.feature-text h3{
	color: #ec008c;
    font-size: 32px;
    padding-top: 18px;
    margin-bottom: 18px;
    font-weight: 500;
}
.fes-1{
	display: flex;
}
.fes-2 img{
    min-width: 18px !important;
    max-width: 111px !important;
}
.fes-3 h4 span{
    color: #00aeef;
    font-weight: 700;
    font-size: 18px;
    margin-right: 7px;
}
.fes-3 h4{
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-left: 12px;
    line-height: 29px;
    color: #000000de;
}
.img-side{
	text-align:center;
}
.img-2{
	text-align: center;
}
.bg-3{
	background-color: #00aeef;
}
.serve h3{
 	color: #ffffff;
 	margin-bottom: 18px;
    font-size: 32px;
    font-weight: 500;
}
.ul-1{
    margin-left: 30px;
}
.serve-1 ul li{
 	font-size: 17px;
    font-weight: 500;
    line-height: 29px;
    color: #fffffff5;
}
.select-img{
 	text-align: center;
}


/*mobile-responsiveness*/

@media screen and (max-width: 767px) {
 .herosec{
   display: none;
  }
}

@media screen and (max-width: 991px) {
.cnt-text {
    text-align: center;
    padding: 0px;
   }
   .img1{
   	text-align: center;
    margin-bottom: 25px;
   }
   .cnt-text3 {
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
 .cnt-text {
    text-align: center;
    padding:0;
    margin: 30px 0;
}
.serve-1 ul li {
    font-size: 15px;
    font-weight: 500;
    line-height: 29px;
    color: #fffffff5;
}
.cnt-text2 p{
	font-size: 15px;
}
.cnt-bg p{
	font-size: 15px;
}
.fes-3 h4{
	font-size: 15px;
}
.fes-3 h4 span{
	font-size: 17px;
}
.pd-2 {
    padding-bottom: 5px;
}
.cnt-text3 img{
	margin-bottom: 26px;
}
.herosec2{
	padding: 72px 0;
}
.img-2 {
    padding-bottom: 36px;
    text-align: center;
}
.feature-text h3 {
    color: #ec008c;
    font-size: 32px;
    padding-top: 43px;
    margin-bottom: 18px;
    font-weight: 500;
}
.img-side {
    text-align: center;
    margin-bottom: 50px;
}
.ul-1 {
    margin-left: 0;
}
.select-img {
    margin-bottom: 25px;
    text-align: center;
}
.pd-3{
	padding-top: 40px;
}
.pd-7{
    padding-top: 10px !important;
}
}


@media (min-width: 768px) and (max-width: 6000px) {
.herosec1{
	display: none;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.herosec {
    background-repeat: no-repeat;
    background-size: contain;
    padding: 116px 0 !important;
    background-position: top;
}
.pl-z{
    padding-top: 0 !important;
}
.newal{
    position: absolute;
    bottom: 0;
}
.zlx{
    position: relative !important;
}
.herosec2{
   padding: 182px 0;
}
}