@font-face {
font-family: 'Quicksand-VariableFont_wght';
  src: url(../fonts/Quicksand-VariableFont_wght.ttf);
}
@font-face {
font-family: 'VarelaRound-Regular';
  src: url(../fonts/VarelaRound-Regular.ttf);
}
body,html{
    margin: 0px;
    padding: 0px;
   font-family: 'VarelaRound-Regular', sans-serif;
   font-weight:400;

}
*, *::before, *::after {
    box-sizing: border-box;
}
p{
        font-size: 26px;
    font-weight: 400;
    text-align: left;
    line-height: 33px;

}
#toTop {
    position: fixed;
    right: 25px;
    bottom: 25px;
    margin: 0;
    z-index: 10000;
    opacity: 0;
    width: 55px;
    visibility: hidden;
}
.shows{
    opacity: 1!important;
    visibility: visible!important;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
img{
max-width: 100%;
}
.section{
padding-top: 150px;
}
.slider{
position: relative;
}
.header{
    max-width: 89%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 100%;
    transform: translateX(-50%);
}

.new1 {
	padding-right: 10px;
}

.new2 {
	font-size: 10px !important;
}


.logo{
max-width: 300px;
}
.sldpur {
    position: absolute;
    z-index: 0;
    left: -33%;
    top: -36%;
    width: 100%;
}
.clico{
max-width: 35px;
    margin-right: 20px;
}
.calhed{
    float: right;
    margin-top: 5%;
    float: right;
    margin-top: 5%;
    color: #fff;
    font-size: 24px;
}
.slider img{
width: 100%;
}
.slidtxt h1{
font-family: 'Quicksand-VariableFont_wght';
    font-size: 75px;
    padding-bottom: 10px;
}
.slidtxt hr{
width: 45%;
    margin-top: 5px;
    display: inline-block;
    padding-bottom: 10px;
    border-top: 5px solid #fff;
}
.slidtxt p{
       padding-bottom: 10px;
    max-width: 60%;
}
.yelbtn{
    padding: 20px 39px;
    font-size: 25px;
    font-weight: 600;
    background-color: #00c8f9;
    display: inline-block;
    border-radius: 0px;
    color: #fffbfb;
    margin-top: 10px;
    letter-spacing: 1px;
    border: none;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    cursor: pointer;
}

.preloaderKDZ {
    background-color: #fff;
    height: 100vh;
position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999999;

}

img.samp1 
    {
    margin-bottom: 35px;
}

.new {
	margin-bottom: 85px;
}

#Layer-a1{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%) scale(0.3);
}
#emloga {
        stroke-dasharray: 116;
        stroke-dashoffset: 116;
        stroke-width:1;
        animation:summerbird-aa 1.5s linear forwards, summerbird-aaa 2s linear forwards 7.5s ;
}
@keyframes summerbird-aa {
	0% {stroke-dashoffset: 116;}
	33% {}
	99% {}
	100% {stroke-dashoffset: 0;}
}
@keyframes summerbird-aaa {
	0% {fill: transparent;}
	33% {}
	99% {}
	100% {fill: #864BFF;stroke-width:0;}
}
#emlogb {
        stroke-dasharray: 140;
        stroke-dashoffset: 140;
        stroke-width:1;
        animation:summerbird-ab 1.5s linear forwards, summerbird-aab 2s linear forwards 7.5s  ;		
}
@keyframes summerbird-ab {
	0% {stroke-dashoffset: 140;}
	33% {}
	70% {}
	100% {stroke-dashoffset: 0;}
}
@keyframes summerbird-aab {
	0% {}
	33% {}
	99% {}
	100% {stroke-width:0;}
}
#am {
        stroke-dasharray: 98;
        stroke-dashoffset: 98;
        stroke-width:1;
        animation:summerbird-a 1.5s linear forwards 1s, summerbird-gga 2s linear forwards 8.2s;		
}
@keyframes summerbird-a {
	0% {stroke-dashoffset: 98;}
	33% {}
	99% {}
	100% {stroke-dashoffset: 0;}
}

#bm {
        stroke-dasharray: 141;
        stroke-dashoffset: 141;
        stroke-width:1;
        animation:summerbird-b 1.5s linear forwards 2s, summerbird-gga 2s linear forwards 8.2s;		
}
@keyframes summerbird-b {
	0% {stroke-dashoffset: 141;}
	33% {}
	70% {}
	100% {stroke-dashoffset: 0;}
}
#cm {
        stroke-dasharray: 141;
        stroke-dashoffset: 141;
        stroke-width:1;
        animation:summerbird-c 1.5s linear forwards 3s, summerbird-gga 2s linear forwards 8.2s;		
}
@keyframes summerbird-c {
	0% {stroke-dashoffset: 141;}
	33% {}
	70% {}
	100% {stroke-dashoffset: 0;}
}
#dm {
        stroke-dasharray: 92;
        stroke-dashoffset: 92;
        stroke-width:1;
        animation:summerbird-d 1.5s linear forwards 3.5s, summerbird-gga 2s linear forwards 8.2s;		
}
@keyframes summerbird-d {
	0% {stroke-dashoffset: 92;}
	33% {}
	70% {}
	100% {stroke-dashoffset: 0;}
}
#em {
        stroke-dasharray: 82;
        stroke-dashoffset: 82;
        stroke-width:1;
        animation:summerbird-e 2s linear forwards 4.5s, summerbird-gga 2s linear forwards 8.2s;		
}
@keyframes summerbird-e {
	0% {stroke-dashoffset: 82;}
	33% {}
	70% {}
	100% {stroke-dashoffset: 0;}
}
#fma {
        stroke-dasharray: 46;
        stroke-dashoffset: 46;
        stroke-width:1;
        animation:summerbird-fa 1.5s linear forwards 5.5s, summerbird-gga 2s linear forwards 8.2s;		
}
@keyframes summerbird-fa {
	0% {stroke-dashoffset: 46;}
	33% {}
	70% {}
	100% {stroke-dashoffset: 0;}
}
#fmb {
        stroke-dasharray: 15;
        stroke-dashoffset: 15;
        stroke-width:1;
        animation:summerbird-fb 1.5s linear forwards 5.5s, summerbird-gga 2s linear forwards 8.2s;		
}
@keyframes summerbird-fb {
	0% {stroke-dashoffset: 15;}
	33% {}
	70% {}
	100% {stroke-dashoffset: 0;}
}
#gm {
        stroke-dasharray: 86;
        stroke-dashoffset: 86;
        stroke-width:1;
        animation:summerbird-g 1.5s linear forwards 6s, summerbird-gga 2s linear forwards 8.2s;		
}
@keyframes summerbird-g {
	0% {stroke-dashoffset: 86;}
	33% {}
	70% {}
	100% {stroke-dashoffset: 0;}
}

@keyframes summerbird-gga {
	0% {fill: transparent;}
	33% {}
	99% {}
	100% {fill: #0F1536;}
}
.yelbtn:hover{
/*box-shadow: 0px 23px 26px rgba(136, 136, 136, 0.34);
*/background-color: #112f72;
}
.slidelinkcon {
margin-top: 12%;
}
.slidelink {
display: block;
    text-align: right;
    font-size: 26px;
    margin-bottom: 15px;
    cursor: pointer;
     
}
.slidelink:hover img{
    margin-left: 20px;
}
.slidelink img{
          max-width: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 13px;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.slidtxt{
width: 100%;
color: #fff;
margin-top: 10%;
}
.fpn:nth-child(2n) {
    margin-left: 15%;;
}
.fpn{
display: flex;
    margin-bottom: 70px;
    color: #8D8D8D;

}
.fpn h1{
    font-family: 'Quicksand-VariableFont_wght';
    font-size: 65px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}
.fpn hr{
width: 45%;
    display: inline-block;
    margin-bottom: 40px;
    margin-top: 5px;
    background: linear-gradient(90deg, rgba(76, 34, 231, 1) 0%, rgb(13 95 189) 0%, rgb(88 140 248) 100%);
    height: 5px;
}
.fpn img{

    max-width: 140px;
    display: inline-block;
    margin-top: 50px;
}

.fpntxt{
display: inline-block;
max-width: 75%;
    margin-left: 60px;
}


.navbar {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
       border-radius: 8px;
    padding: 10px 20px;
}

.navbar ul {
    list-style: none;
    display: flex;
}

.navbar li {
    margin: 18px 35px;
}

.navbar a {
    color: #19cdfa;
    text-decoration: none;
    font-size: 1.2em;
    transition: color 0.3s;
}

.navbar a:hover {
    color: white; /* white color on hover */
}

.navbar1 a {
    color: #fcfeff;
    text-decoration: none;
    font-size: 1.2em;
    transition: color 0.3s;
}

.navbar1 {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
       border-radius: 8px;
    padding: 10px 20px;
}

.navbar1 ul {
    list-style: none;
    display: flex;
}

.navbar1 li {
    margin: 18px 35px;
}

.navbar1 a:hover {
    color: #00c8f9; 
}

.bgre{
color: #fff;
background: linear-gradient(-90deg, rgb(255 255 255) 0%, rgb(5 24 65) 0%, rgb(0 200 249) 100%);
    padding-bottom: 150px;
}
.bgrerow{
display: flex;
    align-items: center;
    justify-content: center;
}
.bgre hr {
    width: 45%;
    margin-top: 5px;
    display: inline-block;
    padding-bottom: 10px;
    border-top: 5px solid #fff;
}
.bgre h1 {
font-family: 'Quicksand-VariableFont_wght';
    font-size: 65px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}
.samp{
font-size: 22px;
line-height: 40px;
text-align: justify;
}
.mage{
    margin-top: 50px;
}
.ccontainer{
max-width: 74%;
    width: 100%;
    margin: auto;
}
.midcn{
max-width: 40%;
width: 100%;
margin: auto;
position: relative;
margin-top: -20%;

}
.midcntxt{
    position: absolute;
    color: #fff;
    font-size: 38px;
    top: 13%;
    padding: 8% 13%;
}
.midcntxt .yelbtn{
margin-top: 20px;
}
.whysel{
font-family: 'Quicksand-VariableFont_wght';
display: inline-block;
font-size: 65px;
    vertical-align: middle;
    font-weight: 600px;
}

.whyselimg{
display: inline-block;
max-width: 165px;

}
.yelbxcon{
display: flex;
    align-items: center;
    justify-content: center;
}
.yelbx{
    display: flex;
    align-items: center;
background-color: #ffc900;
border-radius: 35px;
width: 20%;
min-height: 150px;
    margin: 0px 20px;
position: relative;
}
.yelbx::after{
 content: '';
    background: url(../images/Untitled1.png);
    background-size: contain;
    height: 25px;
    width: 100px;
    position: absolute;
    right: -63px;
    z-index: 2;
}
.yelbx:last-child::after {
  content: none;
}
.yelbxt{
     display: inline-block;
    padding-left: 30px;
    font-size: 22px;
    font-weight: 600;
    color: #000;
}
.bgsi{
background-color: #4821e7;
padding: 100px 0px;
    margin-top: 150px;

}
.bgsi h1{
font-family: 'Quicksand-VariableFont_wght';
font-size: 55px;
color: #fff;
    font-weight: 600px;
}
.bgsi p{
font-size: 45px;
color: #ffc900;
text-align: center;
    margin: 35px 0px;
}
.form-control{
width: 100%;
background-color: #efefef;
padding: 20px;
    margin-bottom: 20px;
}
.cntfrm{
font-size: 26px;
    margin-top: 30px;
}
.smtxt{
font-size: 14px;

    display: inline-block;
}
.bgft{
    color: #fff;
    background: linear-gradient(90deg, rgb(8 107 151) 0%, rgba(9, 9, 121, 1) 0%, rgb(5 176 218) 100%);
    padding-bottom: 150px;
        position: relative;

}
.ftlogo{
position: absolute;
    left: 62%;
    transform: translateX(-50%);
    top: -1px;
    width: 70%;
}
.ftlink{
display: inline-block;
font-size: 24px;
padding: 10% 2% 1% 2%;
cursor: pointer;
}
.calft{
text-align: right;
    display: inline-block;
    padding-left: 9%;
    font-size: 28px;
    line-height: 40px;
    padding-top: 41px;
}
.clicoft {
    padding-right: 28px;
}

.txtlft{
float: left;
    display: inline-block;

}
.txtrht{
float: right;
    display: inline-block;

}
.footrtxt {
    font-size: 10px;
    max-width: 83%;
    margin: 58px auto 0px auto;
}

@media (max-width: 1440px) {
	
.logo {
    max-width: 250px;
}
.clico {
    max-width: 25px;
}
.calhed {    
    margin-top: 3%;
    font-size: 18px;
}


.calhed {
	    font-size: 21px;
    color: #ffffff;
    letter-spacing: 5px;
}


.slidtxt {
    margin-top: 5%;
}
.slidtxt h1 {
    font-size: 44px;
}
.slidtxt p {
    padding-bottom: 5px;
    max-width: 60%;
    font-size: 17px;
}
.yelbtn {
    padding: 10px 16px;
    font-size: 15px;
}
.slidtxt hr {
    margin-top: 0px;
    padding-bottom: 0px;
    border-top: 3px solid #fff;
}
.slidelink img {
    max-width: 16px;
}
.slidelink {    
    font-size: 18px;
}
.sldpur {
    top: -43%;
}
.fpn {
    margin-bottom: 45px;
    justify-content: center;
}
.fpn img {
    max-width: 83px;
    margin-top: 50px;
}
.fpntxt {
    max-width: 47%;
    margin-left: 55px;
}
.fpn h1 {
    font-size: 42px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}
.fpn hr {
    width: 45%;
    margin-bottom: 28px;
    margin-top: 5px;
    height: 3px;
}
.samp {
    font-size: 15px;
    line-height: 31px;
    text-align: justify;
}
.fpn:nth-child(2n) {
    margin-left: 11%;
}
.section {
    padding-top: 100px;
}
.bgre {
    padding-bottom: 100px;
}
.bgre hr {
    border-top: 3px solid #fff;
}
.mage {
    margin-top: 36px;
}
.midcntxt {
    font-size: 26px;
}
.whysel {
    font-size: 42px;
}
.whyselimg {
    max-width: 120px;
}
.yelbx {
    border-radius: 27px;
    width: 21%;
    min-height: 110px;
    margin: 0px 20px;
}
.yelbxt {
    padding-left: 30px;
    font-size: 16px;
}
.yelbx::after {
    height: 21px;
    width: 73px;
    right: -56px;
    background-repeat: no-repeat;
}
.bgsi {
    background-color: #03819f;
    padding: 70px 0px!important;
    margin-top: 100px;
}
.bgsi h1 {
    font-size: 35px;
}
.bgsi p {
    font-size: 33px;
    margin: 20px 0px;
}
p {
    font-size: 18px;
}
.cntfrm {
    font-size: 22px;
}
.ftlof{
    max-width: 260px;
}
.clicoft {
    max-width: 50px;
}
.calft {
    padding-left: 10%;
    font-size: 17px;
    line-height: 36px;
    padding-top: 41px;
}
.ftlogo {
    left: 58%;
}
.ftlink {
    font-size: 16px;
}
.bgft {
    padding-bottom: 70px;
}
.bgre h1 {
    font-size: 42px;
}
}
@media (max-width: 1280px) {
	

	
}
@media (max-width: 1024px) {
.slidtxt h1 {
    font-size: 40px;
}
p {
    font-size: 15px;
    line-height: 23px;
}
.slidtxt p {
    max-width: 80%;
    font-size: 15px;
}
hr {
    margin-bottom: 10px;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.yelbtn {
    padding: 13px 28px;
    font-size: 15px;
}
.slidelink {
    font-size: 16px;
    margin-bottom: 10px;
}
.slidelink img {
    max-width: 20px;
}
.fpn h1 {
    font-size: 35px;
}
.fpn hr {
    margin-bottom: 15px;
}
.samp {
    font-size: 14px;
    line-height: 23px;
}
.fpn img {
    max-width: 80px;
    margin-top: 35px;
}
.bgre h1 {
    font-size: 35px;
}
.midcntxt {
    font-size: 20px;
}
.yelbxt {
    padding-left: 24px;
    font-size: 13px;
}
.bgsi h1 {
    font-size: 30px;
}
.bgsi p {
    font-size: 28px;
    margin: 15px 0px;
}
.whysel {
    font-size: 35px;
}
.whyselimg {
    max-width: 100px;
}
.cntfrm {
    font-size: 18px;
}
.ftlof {
    max-width: 200px;
}
.calft {
    padding-left: 10%;
    font-size: 17px;
    line-height: 28px;
    padding-top: 30px;
}
.ftlink {
    font-size: 14px;
    padding: 5% 1% 1% 1%;
}
	
}

@media (max-width: 768px) {

.logo {
    max-width: 180px;
}
.clico {
    display: none;
}
.topnumber{
 display: none;
}
.slidelinkcon {
    display: none;
}
.slidtxt h1 {
    font-size: 30px;
}
.slidtxt p {
    max-width: 43%;
    font-size: 12px;
}

.yelbtn {
    padding: 9px 16px;
    font-size: 12px;
}
.section {
    padding-top: 70px;
}
.fpn h1 {
    font-size: 25px;
}
.samp {
    font-size: 12px;
    line-height: 21px;
}
.fpn img {
    max-width: 66px;
    margin-top: 27px;
}
.fpntxt {
    max-width: 47%;
    margin-left: 25px;
}
.bgre h1 {
    font-size: 25px;
}
.midcntxt {
    font-size: 15px;
}
.whysel {
    font-size: 25px;
}
.whyselimg {
    max-width: 75px;
}
.yelbxt {
    padding-left: 18px;
    font-size: 11px;
}
.yelbx {
    border-radius: 18px;
    width: 21%;
    min-height: 90px;
    margin: 0px 17px;
}
.yelbx::after {
    height: 21px;
    width: 60px;
    right: -45px;
}
.bgsi h1 {
    font-size: 25px;
}
.bgsi p {
    font-size: 23px;
    margin: 14px 0px;
}
p {
    font-size: 12px;
    line-height: 20px;
}
.cntfrm {
    font-size: 15px;
}
.ftlogo {
    left: 55%;
}
.ftlink {
    font-size: 14px;
    padding: 1% 1% 1% 1%;
    display: block;
}
.ftlinkcon{
margin-top: 16%;
}

}

@media (max-width: 479px) {

.sechome{
padding: 30px;
}
.bgft {
    padding-top: 0px!important;
}
.slidbg {
    width: 135%!important;
    max-width: 135%;
    margin-bottom: 33px;
}
.slider {
    position: relative;
    overflow: hidden;
}
.sldpur {
    top: -20%;
    left: -47%;
    width: 125%!important;
    max-width: 125%;
}
.slidtxt h1 {
    font-size: 24px;
}
.slidtxt p {
    max-width: 67%;
   font-size: 11px;
    padding-bottom: 0px;
    margin-bottom: 3px;
}
.fpn:nth-child(2n) {
    margin-left: 0%;
}
.fpntxt {
    max-width: 100%;
    margin-left: 0px;
}
.fpn {
    display: block;
    text-align: left;
        margin-bottom: 30px;
}
.fpn img {
    margin-top: 0px;
}
.bgrerow {
    display: block;
}
.midcn {
    max-width: 81%;
}
.whyselbx {
    margin-bottom: 30px;
        text-align: center;
}
.yelbxcon {
    display: block;
}

.yelbx {
    border-radius: 18px;
    width: 100%;
    min-height: 90px;
    margin: 24px 0px;
}
.yelbx br {
    display: none;
}
.yelbx::after {
    height: 21px;
    width: 60px;
    right: 43%;
    bottom: -23px;
    transform: rotate(90deg);
}
.yelbxt {
    padding-left: 18px;
    font-size: 16px;
    text-align: center;
}
.ftlogo {
    position: initial;
    display: block;
    transform: translateX(0%);
    text-align: center;
    width: 100%;
}
.ftlof {
    max-width: 200px;
        margin-top: -2px!important;
    
        display: block;
    margin: auto;
}
.txtlft {
    float: none;
    display: inline-block;
}
.txtrht {
    float: none;
    display: inline-block;
}
.calft {
    padding-left: 0%;
}
}
@media (max-width: 360px) {
.logo {
    max-width: 150px;
}
.slidbg {
    width: 150%!important;
    max-width: 150%;
    margin-bottom: 54px;
}
.sldpur {
    top: -8%;
    left: -53%;
    width: 136%!important;
    max-width: 136%;
}
.section {
    padding-top: 55px;
}
.bgsi {
    margin-top: 55px;;
}
.bgre {
    padding-bottom: 55px;
}
	
}