* { margin: 0; padding: 0;box-sizing:border-box}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }


table { border-collapse: collapse; border-spacing: 0 }
a { color: #000; text-decoration: none; outline: none; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; }
/*Reset CSS end*/
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="date"]:focus,select:focus,textarea:focus{outline:none}
::-webkit-input-placeholder {opacity: 1; font-family: "Outfit", sans-serif;color:#161616;font-size:14px;letter-spacing: 1px}
:-moz-placeholder { /* Firefox 18- */opacity: 1; font-family: "Outfit", sans-serif;color:#161616;font-size:14px;letter-spacing: 1px}
::-moz-placeholder {  /* Firefox 19+ */opacity: 1; font-family: "Outfit", sans-serif;color:#161616;font-size:14px;letter-spacing: 1px}
select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
:-ms-input-placeholder {opacity: 1;color:#161616;font-size:13px;letter-spacing: 1px}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */
/* global classes */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-word-break: keep-all; word-break: keep-all; -webkit-word-break: keep-all; -moz-word-break: keep-all; word-wrap: break-word; }
input[type="button"],input[type="submit"]{border:none;cursor:pointer;outline:none;}
body{margin: 0px;padding: 0px;font-size: 16px;line-height: 1.2;font-family: "Outfit", sans-serif;color: #161616;font-weight: 400;letter-spacing: 0.5px}
.leftcontent{float: left}
.rightcontent{float: right}
.text_center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}
.clear{clear: both;}
.container{width:89%;margin: 0 auto}
.sprite{background: url(../images/sprite.png) no-repeat top left}
.blackoverlay{position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 999;background: rgba(0, 0, 0, 0.6);display: none}
.ibvm{display:inline-block;vertical-align:middle}
.ibvt{display:inline-block;vertical-align:top}
.ibvb{display:inline-block;vertical-align:bottom}
.line-height0{line-height: 0}
.txtwhite{color: #fff !important}
.textblue{color: #017efe !important}
.bluebg{background: #017efe !important}
.bluebg2{background: #1e6ec8}
.txt-red{color: #c4151b !important}
.img-responsive{width: 100%;height: auto}
.img-fluid{max-width: 100%;height: auto}
.d-flex{display: flex;}
.dflex_justfy_center{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.dflex_justfy_start{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap}
.dflex_justfy_between{display: flex;justify-content: space-between;flex-wrap: wrap}

p{line-height: 1.8;font-size: 16px;color: #3f3f3f;margin-bottom: 20px;font-weight: 300}
p:last-child{margin-bottom: 0}
.commonpadding{padding: 80px 0}
.PT0{padding-top: 0}
.blacktext{color: #161616 !important}
.blackbg{background: #151515 !important}

#menu:not(.mm-menu){display:none}
.logoblk {
    width: 250px;
}
#header{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    transition: 0.8s ease all
}

#header.sticky .container {padding-top: 0;
    }

#header.sticky {
    background: #fff;
    box-shadow: 1px 5px 10px rgba(0,0,0,0.2);
}
.banner{
    position: relative;
    height: 100vh;
    overflow: hidden;
    line-height: 0;
}
.innerbanner {
    height: auto;
}
.innerbanner:before{
    position: absolute;
    content: "";
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
}
.bannertxt{
    position: absolute;
    left: 5%;
    width: 50%;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
    height: 100%;
    top: 0;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.innerbanner .bannertxt {
    left: 8%;
}
.sora_font{font-family: "Sora", sans-serif;}
.banner_title{
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: 1px;
    font-family: "Sora", sans-serif;
    color: #fff;
    font-weight: 200;
    margin-bottom: 10px;
    width: 100%
}
.bannertxt p{width: 100%}
.bannerinfo{
    font-size: 40px;
    line-height: 1.2;
    font-weight: 300;
    margin: 20px 0 0
}
header .container.dflex_justfy_center {
    background: #fff;
    border-radius: 20px;
    padding: 10px;
    margin-top: 10px;
}
.readmorebutton {
    color: #fff;
    border: 1px solid #fff;
    padding: 14px 28px;
    border-radius: 20px;
    display: inline-block;
    transition: 0.5s ease all;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
}
.readmorebutton:hover{
    background: linear-gradient(to left, #017efe, #402ef0);
    color: #fff;
    border-color: #1e6ec8
}
.navigationwrap .dflex_justfy_center{
    display: inline-flex
}

/* Hide Dropdowns by Default */
.navigationwrap ul ul {
	display: none;
	position: absolute; 
	top: 60px; /* the height of the main nav */
    background: #fff;
    padding: 10px;
}
	
/* Display Dropdowns on Hover */
.navigationwrap ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
.navigationwrap ul ul li {
	width:210px;
	float:none;
	display:list-item;
	position: relative;
}
.section_title {
    font-family: 'Sora', sans-serif;
    font-weight: 500;
    margin-bottom: 20px
}
.title {
    font-family: 'Sora', sans-serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 20px;
}

/* Second, Third and more Tiers	*/
.navigationwrap ul ul ul li {
	position: relative;
	top:-60px; 
	left:170px;
}


	
/* Change this in order to change the Dropdown symbol */
.navigationwrap li > a.dropdown:after {
    content: '\e801';
    font-family: 'fontello';
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 2px;
    left: 2px;
}
.navigationwrap a {
    font-size: 12px;
    margin: 0 10px;
    text-transform: uppercase;
    line-height: 1;
}
.navigationwrap a:hover{
    color: #1e6ec8
}
.navigationwrap ul ul a {
    margin: 10px 0;
    display: inline-block;
    padding-bottom: 0;
}
.overviewbanner{
    background: #1e6ec8;
    padding: 100px 0;
    position: relative
}
.bluetextgradient{
    background: -webkit-linear-gradient(72deg,#017efe, #402ef0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.servicetitle {
    font-size: 120px;
    font-family: 'Sora';
    font-weight: 300;
    line-height: 1;
    position: sticky;
    top: 50px;
    z-index: -1
}
.servicename {
    color: #017efe;
    font-size: 22px;
    font-family: 'Sora', sans-serif;
    font-weight: 500;
}
.serviceno {
    color: #017efe;
    font-family: 'Sora',sans-serif;
    border-bottom: 1px solid currentColor;
    padding-bottom: 3px;
    display: inline-block;
    position: absolute;
    right: 20px;
}

.serviceblockwrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 50px 0 0;
    background: rgba(255,255,255,0.9)
}
.serviceiconblock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 80px 0 0;
}

.serviceiconblock p {
    width: 65%;
    line-height: 1.5;
    font-weight: 300
}

.serviceiconblock img {
    width: 80px;
}

.serviceblock {
    width: 49%;
    position: relative;
    padding: 30px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    margin-bottom: 25px;
}
.serviceblock:before {
    background: -webkit-linear-gradient(72deg,#017efe, #402ef0);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: 1;
    transition: 0.5s ease all;
    opacity: 0;
}
.serviceblock:hover:before {
    opacity: 0.9
}
.serviceblock .readmorebutton {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    display: inline-block;
    width: 160px;
    height: 46px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
}
.serviceblock:hover .readmorebutton{
    visibility: visible;
    opacity: 1
}
.talktouswrapper{
    background: url(../images/talktousbg.webp) no-repeat top center;
    background-size: cover;
    background-attachment: fixed
}
.talktouswrapper .rightblk{
    padding: 0 10% 0 0
}
.talktouswrapper .section_title{
    font-size: 30px;
}
.whychooseiswrapper .leftblock {
    width: 50%;
    background: #1e6ec8;
    padding: 50px 30px;
    border-radius: 20px 0 0 20px;
    display: flex;
    align-content: center;
    flex-wrap: wrap
}

.whychooseiswrapper .rightblk {
    width: 50%;
    border-radius: 0 20px 20px 0;
    overflow: hidden
}
.whychooseiswrapper .rightblk img{height: 100%;object-fit: cover;width: 100%}
.whychooseiswrapper .container {
    padding: 0 5%;
    align-items: normal;
    border-radius: 20px
}
.ticklist{
    width: 100%;
    margin: 20px 0
}
.ticklist li{
    position: relative;
    color: #fff;
    padding: 0 0 20px 40px;
    font-weight: 300
}
.ticklist li:before{
    background: url(../images/tick.webp) no-repeat top center;
    background-size: 100%;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 30px;
    height: 30px
}
.testimonial_slider p {
    font-weight: 200;
    width: 59%;
    margin: 0 auto;
}
.testimonialwrapper{
    background: url(../images/testimonialbg.webp) no-repeat center;
    background-size: cover;
    background-attachment: fixed
}
p.testimonilaname {
    font-weight: 500;
    margin: 30px auto 10px;
}

.testimonialfrom {
    font-size: 14px;
}
.quote {
    display: inline-block;
}
.quote {
    display: inline-block;
}

.testimonial_slider .slick-dots li button {
    width: 30px;
    background: #fff;
    height: 3px;
    padding: 0;
    opacity: 0.5;
}

.testimonial_slider .slick-dots li {
    margin: 0 10px;
}


.testimonial_slider .slick-dots .slick-active button {
    opacity: 1;
}

.testimonial_slider .slick-dots {
    bottom: -60px;
}
.contactformwrapper{position: relative}
.paper_plane{
    position: absolute;
}

.formblk {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 30px auto;
}


.input_width {
    width: 32%;
}
.input_width input {
    border: 1px solid #b2b2b2;
    margin-bottom: 30px;
    padding: 15px;
    width: 100%;
    outline: 0;
    background: 0 0;
    font-size: 14px;
    font-weight: 400;
    font-family: "Quicksand", sans-serif;
    border-radius: 5px;
    color: #161616
}
.input_width select {
    border: 1px solid #b2b2b2;
    margin-bottom: 30px;
    padding: 15px;
    width: 100%;
    outline: 0;
    background: 0 0;
    font-size: 14px;
    font-weight: 400;
    font-family: "Quicksand", sans-serif;
    border-radius: 5px;
    color: #161616
}
.input_width.servicesselect{width: 66%;position: relative}
.servicesselect:after {
    content: '\e801';
    font-family: 'fontello';
    display: inline-block;
    font-size: 24px;
    position: absolute;
    top: 7px;
    right: 15px;
    color: #b2b2b2;
}
.formblk button {
    background: -webkit-linear-gradient(72deg,#017efe, #402ef0);
    padding: 10px 30px;
    color: #fff;
    outline: none;
    border: 0;
    margin: 0 auto;
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    border-radius: 30px;
    cursor: pointer
}
.input_width.message {
    width: 65.5%;
}
.input_width.message.fullwidth{width: 100%}
.contactuswrapper{
    background: url(../images/contactushomebg.webp) no-repeat top center;
    background-size: cover;
}
.contactinfoblock {
    display: flex;
    margin-bottom: 20px;
    align-items: flex-start;
}
.contactinfo {
    margin-left: 20px;
}

.contactinfo p {
    font-size: 14px;
    margin-bottom: 0;
}

.contactimg {
    width: 15px;
    line-height: 0;
    margin-top: 5px
}

.contactimg img{max-width: 15px}
.contactinfotitle {font-weight: 500;}
.footerwrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
}

.footerlinks li a {
    font-weight: 400;
    font-size: 14px;
}

.footerlinks {
    display: flex;
}

.footerlinks li {
    margin-right: 10px;
    padding-right: 10px;
}

.footerlinks li +li:before {
    content: "-";
    display: inline-block;
    margin-right: 20px;
}

.footerlinks li + li {margin: 0;padding: 0;}

.footerleftblock p {
    font-size: 11px;
    margin-top: 5px;
    font-weight: 300;
}

.footerrightblock a {
    width: 40px;
    display: inline-block;
    position: fixed;bottom: 100px;right: 1%}
.paper_plane.smallplane {
    top: auto;
    right: auto;
    width: 5%;
}
.input_width.phonenumber {
    position: relative;
    border: 1px solid #b2b2b2;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    padding: 5px 0;
    border-radius: 5px
}

input.border-end.country-code.px-2 {
    display: inline-block;
    width: 58px;
    font-size: 14px;
    font-weight: 400;
    border-right: 1px solid #1e1e1e;
    padding: 8px 5px 8px 15px;
    border-radius: 0
}

.input_width.phonenumber input {
    padding=l: ;
    width: 85%;
    border: none;
    margin: 0;
    padding: 8px 15px
}
.plainimg {
    position: absolute;
    top: 20%;
    right: 15%;
    z-index: 1;
    transition: 5s ease-in-out all;
    -webkit-animation-name: fly;
    animation-name: fly;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.735, 0.43, 0.275, 0.76);
    animation-timing-function: cubic-bezier(0.735, 0.43, 0.275, 0.76);
/*    animation-iteration-count: infinite;*/
}
@-webkit-keyframes fly {
  0% {    
    -webkit-transform: scale(0);
            transform: scale(0);
      opacity: 0      
  }
    2% {       
      opacity: 1   ;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);   
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  
  }
  100% {
   top:12%;
      right: 5%;
  }
}

.plainimg2 {
    position: absolute;
    bottom: 0%;
    left:0%;
    z-index: 1;
    transition: 5s ease-in-out all;
    -webkit-animation-name: fly2;
    animation-name: fly2;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.735, 0.43, 0.275, 0.76);
    animation-timing-function: cubic-bezier(0.735, 0.43, 0.275, 0.76);
/*    animation-iteration-count: infinite;*/
    
}
@-webkit-keyframes fly2 {
  0% {    
    -webkit-transform: scale(0);
            transform: scale(0  );
      opacity: 0      
  }
    2% {       
      opacity: 1  ;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);    
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  
  }
  100% {
   bottom:10%;
      left: 28%;
  }
}
.text-focus-in {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-6-13 1:33:6
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}




.animationHex {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 332px;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .animationHex {
        transform-origin: right top;
        transform: scale(0.64) translateX(23%);
    }
}

.animationHex__css {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6;
}

.animationHex__css .point {
    position: absolute;
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
    transform: scale(0);
    animation-name: colmenaCircle;
    animation-timing-function: cubic-bezier(0.43, 0.39, 0.23, 1.01);
    animation-duration: 6s;
    animation-delay: 5.55s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.animationHex__css .point--1 {
    top: 60px;
    animation-delay: 4.45s;
}

.animationHex__css .point--2 {
    left: 72px;
    top: 60px;
    animation-delay: 4s;
}

.animationHex__css .point--3 {
    left: 145px;
    top: 60px;
    animation-delay: 3.7s;
}

.animationHex__css .point--4 {
    left: 217px;
    top: 60px;
    animation-delay: 2.8s;
}

.animationHex__css .point--5 {
    left: 290px;
    top: 60px;
    animation-delay: 1.9s;
}

.animationHex__css .point--6 {
    left: 36px;
    top: 123px;
    animation-delay: 4.45s;
}

.animationHex__css .point--7 {
    left: 108px;
    top: 123px;
    animation-delay: 4.1s;
}

.animationHex__css .point--8 {
    left: 181px;
    top: 123px;
    animation-delay: 3.25s;
}

.animationHex__css .point--9 {
    left: 254px;
    top: 123px;
    animation-delay: 2.35s;
}

.animationHex__css .point--10 {
    left: 326px;
    top: 123px;
    animation-delay: 1.45s;
}

.animationHex__css .point--11 {
    left: 145px;
    top: 186px;
    animation-delay: 3.7s;
}

.animationHex__css .point--12 {
    left: 217px;
    top: 186px;
    animation-delay: 2.8s;
}

.animationHex__css .line {
    position: absolute;
    width: 70px;
    height: 1px;
    background: white;
    top: 100%;
}

.animationHex__css .line--hor {
    transform: scaleX(0);
    transform-origin: right center;
    animation-name: colmenaHor;
    animation-timing-function: cubic-bezier(0.43, 0.39, 0.23, 1.01);
    animation-duration: 6s;
    animation-delay: 5.45s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.animationHex__css .line--left {
    transform: scaleX(0) rotate(120deg);
    transform-origin: left center;
    animation-name: colmenaLeft;
    animation-timing-function: cubic-bezier(0.43, 0.39, 0.23, 1.01);
    animation-duration: 6s;
    animation-delay: 5.45s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.animationHex__css .line--right {
    transform: scaleX(0) rotate(60deg);
    transform-origin: left center;
    animation-name: colmenaRight;
    animation-timing-function: cubic-bezier(0.43, 0.39, 0.23, 1.01);
    animation-duration: 6s;
    animation-delay: 5.55s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.animationHex__css .line--1 {
    left: 39px;
    top: 0;
    animation-delay: 3.8s;
}

.animationHex__css .line--2 {
    left: 111px;
    top: 0;
    animation-delay: 3.35s;
}

.animationHex__css .line--3 {
    left: 111px;
    top: 0;
    animation-delay: 3.35s;
}

.animationHex__css .line--4 {
    left: 184px;
    top: 0;
    animation-delay: 2.9s;
}

.animationHex__css .line--5 {
    left: 257px;
    top: 0;
    animation-delay: 2.45s;
}

.animationHex__css .line--6 {
    left: 329px;
    top: 0;
    animation-delay: 1.45s;
}

.animationHex__css .line--7 {
    left: 3px;
    top: 63px;
    animation-delay: 3.8s;
}

.animationHex__css .line--8 {
    left: 149px;
    top: 63px;
    animation-delay: 2.45s;
}

.animationHex__css .line--9 {
    left: 221px;
    top: 63px;
    animation-delay: 1.9s;
}

.animationHex__css .line--10 {
    left: 3px;
    top: 64px;
    animation-delay: 3.8s;
}

.animationHex__css .line--11 {
    left: 76px;
    top: 64px;
    animation-delay: 3.45s;
}

.animationHex__css .line--12 {
    left: 147px;
    top: 64px;
    animation-delay: 3.35s;
}

.animationHex__css .line--13 {
    left: 149px;
    top: 64px;
    animation-delay: 3.35s;
}

.animationHex__css .line--14 {
    left: 221px;
    top: 64px;
    animation-delay: 2.45s;
}

.animationHex__css .line--15 {
    left: 294px;
    top: 64px;
    animation-delay: 1.9s;
}

.animationHex__css .line--16 {
    left: 40px;
    top: 126px;
    animation-delay: 3.35s;
}

.animationHex__css .line--17 {
    left: 186px;
    top: 126px;
    animation-delay: 2.9s;
}

.animationHex__css .line--18 {
    left: 258px;
    top: 126px;
    animation-delay: 2.45s;
}

.animationHex__css .line--19 {
    left: 112px;
    top: 127px;
    animation-delay: 3.35s;
}

.animationHex__css .line--20 {
    left: 183px;
    top: 127px;
    animation-delay: 3.35s;
}

.animationHex__css .line--21 {
    left: 256px;
    top: 127px;
    animation-delay: 2.45s;
}

.animationHex__css .line--22 {
    left: 149px;
    top: 189px;
    animation-delay: 2.9s;
}

@keyframes circleBlue {
    0% {
        stroke-dasharray: calc(0 * 31.4 / 100) 31.4;
    }

    100% {
        stroke-dasharray: calc(65 * 31.4 / 100) 31.4;
    }
}

@keyframes colmenaCircle {
    0% {
        transform: scale(0);
    }

    16% {
        transform: scale(1);
    }

    84% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes colmenaHor {
    0% {
        transform: scaleX(0);
    }

    16% {
        transform: scaleX(1);
    }

    84% {
        transform: scaleX(1);
    }

    100% {
        transform: scaleX(0);
    }
}

@keyframes colmenaLeft {
    0% {
        transform: rotate(120deg) scaleX(0);
    }

    16% {
        transform: rotate(120deg) scaleX(1);
    }

    84% {
        transform: rotate(120deg) scaleX(1);
    }

    100% {
        transform: rotate(120deg) scaleX(0);
    }
}

@keyframes colmenaRight {
    0% {
        transform: rotate(60deg) scaleX(0);
    }

    16% {
        transform: rotate(60deg) scaleX(1);
    }

    84% {
        transform: rotate(60deg) scaleX(1);
    }

    100% {
        transform: rotate(60deg) scaleX(0);
    }
}

.animationHex.bottom {
    right: auto;
    top: 100%;
    transform: rotate(180deg);
}


.apply-now-btn {
  padding: 10px 20px;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 20px;
  background: linear-gradient(to right, #017efe, #402ef0);
  cursor: pointer;
    display: inline-block
}

.apply-now-btn::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 20px;
  background-color: white;
  z-index: 1;
  transition: 0.5s ease all;
}

.apply-now-btn::after {
  content: attr(data);
  font-size: 12px;
  background: linear-gradient(to left, #017efe, #402ef0);
  -webkit-background-clip: text;
  color: transparent;
  transition: 200ms;
  z-index: 2;
  position: relative;
  line-height: 12px;
  transition: 0.5s ease all;
    text-transform: uppercase
}

.apply-now-btn:hover::before {
  opacity: 1;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background: linear-gradient(to left, #017efe, #402ef0);
  transition: 0.5s ease all;
}

.apply-now-btn:hover::after {
  color: #fff;
}
.breadcrumb {
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}

.breadcrumb li a {
    color: #8d8d8d;
    font-size: 14px;
    font-weight: 300;
    padding: 0 10px;
}

.breadcrumb li + li:before {
    content: "/";
    color: #8d8d8d;
}

.breadcrumb li a.active {
    color: #000;
}
.activenav a {
    color: #017efe;
}
.mission_vission_wrapper {
    background: #1e6ec8;
}

.mission_vission_block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #0c1520;
    border-radius: 30px;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative
}
.mission_vission_block:last-child{
    margin-bottom: 0
}
.visioninfo {
    width: 50%;
    padding: 50px;
}

.visionimg {
    width: 50%;
}

.semibold{font-weight: 500}
.visioninfo p {
    font-weight: 200;
    margin-bottom: 0
}
.visionimg img {
    height: 100%;
    object-fit: cover;
    object-position: center right;
}
.mission_vission_block:before {
    position: absolute;
    content: "";
    background: linear-gradient(90deg, #0c1520 50%, transparent 60%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.foundersinfowrap .title {
    color: #1e6ec8;
    font-weight: 400;
    margin: 0;
    font-family: "Outfit", sans-serif
}
.foundersinfowrap .leftblk {
    width: 80%;
}

.foundersinfowrap .rightblk {
    width: 15%;
     background: #ebebeb;
     border-radius: 50%;
     overflow: hidden
}

.foundersinfowrap {
    padding: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    border-radius: 30px;
    margin: 50px 0;
}
.foundersinfowrap:last-child{
    margin-bottom: 0
}
.fonder {
    font-size: 18px;
    margin-bottom: 20px;
}
.flex_reverse{
    flex-direction: row-reverse
}
.contact_innerpage_wrapper{
    background: #063a81;
}
.contact_innerpage_wrapper .contactinfowrap {
    width: 50%;
    padding: 40px 0;
}

.contact_innerpage_wrapper .contactmap {
    width: 50%;
    border-radius: 30px;
    overflow: hidden;
}

.contact_innerpage_wrapper .contactmap iframe {
    width: 100%;
    height: 100%;
}

.contact_innerpage_wrapper .dflex_justfy_center {
    align-items: inherit;
}
.contactpagetitle{
    font-size: 24px;
    font-weight: 300
}
.contactuspage .contact_innerpage_wrapper .contactinfowrap {
    padding: 0;
}
.contactuspage .contact_innerpage_wrapper .dflex_justfy_center{
    padding-top: 20px
}
.contactuspage .contact_innerpage_wrapper{
    padding-top: 115px
}
.contactuspage footer {
    border-top: 1px solid #000;
}
.servicesinfleft {
    width: 50%;
}

.servicesinforight img{
    border-radius: 30px;
    overflow: hidden;    
}

.servicesinforight {
    width: 45%;
}
.servicesinfotitle {
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 10px;
}
.servicesinfoblock {
    border: 1px solid #66a1e4;
    border-radius: 30px;
    padding: 20px;
    align-items: normal;
    margin-bottom: 40px;
    width: 48.5%;
}

.servicestick {
    width: 50px;
}

.servicesinforightblock {
    width: calc(100% - 80px);
}

.servicesinforightblock p {
    color: #fff;
    margin-bottom: 0;
    font-weight: 200
}
.servicestwoblock{align-items: normal}
.servicecenterblock .servicesinforightblock {
    text-align: center;
    width: 100%;
    padding: 0 10%;
}

.servicecenterblock {
    border: none;
    display: flex;
    align-content: center;
}

.servicecenterblock .readmorebutton {
    margin: 20px auto 0;
}
.bulletlist li {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    margin: 10px 0 10px 20px;
    position: relative;
    padding-left: 15px;
}

.bulletlist li:before {
    position: absolute;
    content: "";
    background: #1e6ec8;
    width: 6px;
    height: 6px;
    top: 10px;
    left: 0;
    border-radius: 50%;
}
.applylistwrap{
    margin: 40px auto 0
}
.applylisblock {
    width: 23%;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    border-radius: 20px;
    font-size: 15px;
    line-height: 1.5;
    background: #fff
}

.applylisblock span {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #1e6ec8
}
.getstartedwrapper {
    padding: 50px 0 0;
    margin: 60px 0 0;
    border-top: 1px solid #ccc;
}
.benifitsme{justify-content: center}
.benifitsme .applylisblock {
    width: 30%;
    margin: 0 15px 30px
}
.benifitsme .applylisblock:nth-child(n + 4){
    margin-bottom: 0
}
.bluebg .applylisblock{
    border: 1px solid #66a1e4
}

/*megamenu css start*/
    .main-wrapper img {
        width: 100%;
        display: block;
    }

    .main-wrapper a {
        color: #000;
        text-decoration: none;
    }

    .main-wrapper ul li {
        list-style-type: none;
    }
.menuserviceblockwrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    top: 12px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden
}
    .sub-menu:before{
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #017efe;
        position: absolute;
        content: "";
        top: 0;
        left: 38%;
        width: 0;
        height: 0;
    }
.menuserviceblock .serviceiconblock {
    flex-wrap: nowrap;
    margin: 0;
    padding: 10px;
    justify-content: flex-start;
    cursor: pointer
}

.menuserviceblock .serviceiconblock img {
    width: 40px;
    margin-right: 10px;
}

.menuserviceblock .serviceiconblock .servicename {
    font-size: 14px;
    font-weight: 400
}

.menuserviceblock .serviceiconblock:hover {
    background: #017efe;
}

.menuserviceblock .serviceiconblock:hover img {
    mix-blend-mode: color-dodge;
}

.menuserviceblock .serviceiconblock:hover .servicename {
    color: #fff;
}
.menuserviceblock {
    width: 50%;
}
    .navbar {
/*        background: #fafafa;
        padding: 0 1rem;
        position: fixed;
        top: 0;
        left: 0;
        
        max-height: 100vh;*/
        width: 100%;
        display: flex;
        flex-direction: column;
        z-index: 10;
    }

    .brand-and-icon {
        display: flex;
        justify-content: space-between;
        padding: 1rem 0;
    }

    .navbar-brand {
        font-size: 1.8rem;
        letter-spacing: 3px;
        font-weight: 700;
    }

    .navbar-toggler {
        display: block;
        border: none;
        background: transparent;
        font-size: 1.8rem;
        cursor: pointer;
        padding: 0.2rem 0.5rem;
        transition: all 0.4s ease;
        border: 2px solid #000;
        border-radius: 4px;
    }

    .navbar-toggler:hover {
        opacity: 0.7;
    }

    .navbar-collapse {
        overflow-y: scroll;
        display: none;
    }

    .navbar-nav>li>a {
        text-transform: uppercase;
        font-size: 12px;
        display: block;
        padding: 0.6rem 0;
        margin: 0.2rem 0;
        border-bottom: 1px solid #ddd;
        border-radius: 1px;
        position: relative;
        transition: all 0.4s ease;
    }

    .drop-icon {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    .navbar-nav>li>a:hover {
        opacity: 0.7;
    }

    .sub-menu h4 {
        text-transform: capitalize;
        font-size: 1rem;
        padding: 0.5rem 0;
    }

    .sub-menu ul li {
        text-transform: capitalize;
        padding: 0.2rem 0;
        margin: 0.2rem 0;
        font-size: 0.95rem;
    }

    .sub-menu ul li a {
        opacity: 0.8;
        transition: all 0.5s ease;
    }

    .sub-menu ul li a:hover {
        padding-left: 14px;
        opacity: 0.9;
    }

    .sub-menu {
        display: none;
    }

    .sub-menu-item {
        padding-left: 1.2rem;
    }

    .sub-menu-item:nth-child(3) {
        background: #ddd;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .sub-menu-item:nth-child(3) h2 {
        text-transform: capitalize;
        margin: 1.5rem 0;
    }

    .sub-menu-item:nth-child(3) .btn {
        border: 1px solid #000;
        text-transform: uppercase;
        font-size: 0.9rem;
        padding: 0.6rem 1rem;
        cursor: pointer;
        background: #000;
        color: #fff;
        transition: all 0.5s ease;
    }

    .sub-menu-item:nth-child(3) .btn:hover {
        background: transparent;
        color: #000;
    }

    .sub-menu-item:nth-child(4) {
        width: 50%;
        margin: 0 auto;
        padding: 2rem 0;
    }

    /* header */
    .header {
        background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://source.unsplash.com/g-kNBpqMIs4/1920x1400) center/cover no-repeat;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .header h2 {
        margin: 1rem;
        font-size: 3rem;
        font-weight: 900;
        color: #fff;
        letter-spacing: 2px;
    }

    .header p {
        margin: 1rem auto;
        color: #fff;
        width: 60%;
        opacity: 0.8;
        font-weight: 300;
        font-size: 1.2rem;
        text-align: center;
    }

    .header button {
        margin: 1rem;
        font-size: 1rem;
        text-transform: uppercase;
        background: #000;
        color: #fff;
        border: none;
        padding: 0.8rem 1.5rem;
        transition: all 0.5s ease;
        cursor: pointer;
    }

    .header button:hover {
        background: #fff;
        color: #000;
    }

    /* Media Queries */
    @media screen and (min-width: 992px) {
        .navbar {
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            position: relative;
        }

        .navbar-toggler {
            display: none;
        }

        .brand-and-icon {
            flex: 0 0 100px;
            border-bottom: none;
            padding: 0;
        }

        .navbar-collapse {
            display: block !important;
            overflow-y: hidden;
            flex: 1 0 auto;
        }

        .navbar-nav {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-right: 20px
        }

        .navbar-nav>li>a {
            border-bottom: none;
            margin: 0 0.4rem;
            padding: 20px 10px;
        }

        .sub-menu {
            position: absolute;
            width: 70%;
            top: 100%;
            background: transparent;
            right: 0;
            margin: auto
        }

        .navbar-nav>li:hover .sub-menu {
            display: block!important;
            grid-template-columns: repeat(4, 1fr);
            padding: 0 5rem;
        }

        .navbar-nav>li {
            border-bottom: 2px solid transparent;
            transition: border-bottom 0.4s ease;
        }

/*
        .navbar-nav>li:hover {
            border-bottom-color: #000;
        }
*/

        .sub-menu-item {
            padding-left: 0;
        }

        .sub-menu-item:nth-child(3) {
            padding-left: 2rem;
            padding-right: 2rem;
        }

        /* header */
        .header {
            height: calc(100vh - 75px);
        }

        .header h2 {
            font-size: 6rem;
        }

        .header p {
            width: 40%;
        }
    }
/*dropdown css end*/
.navicon, .apply-now-btn-mob{display: none}
a.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    position: fixed;
    z-index: 99;
    right: 15px;
    bottom: 20px;
    background: #017efe url(../images/arrow-scrolltop.png) no-repeat center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 5px;
    transform: rotate(-90deg);
}

.whychooseservice{padding-bottom: 60px}

.view {
    width: 60%;
}

.breakup {
    width: 30%;
}
.details input {
	width: 100%;
}

.detail {
	display: flex;
	justify-content: space-between;
   
}
       .detailswrap{
            margin: 50px 0
       }
.footer {
	display: flex;
	justify-content: space-between;
}

/*----- Styling the sliders ----*/
input[type="range"] {
	-webkit-appearance: none;
	margin: 10px 0;
	width: 100%;
}

input[type="range"]:focus {
	outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
	width: 100%;
	height: 6px;
	cursor: pointer;
	background: #1e6ec8;
	border-radius: 10px;
}

input[type="range"]::-webkit-slider-thumb {
	box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
	border: 5px solid #ffffff;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #1e6ec8;
	cursor: pointer;
	margin-top: -6px;
	-webkit-appearance: none;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
	background: #b3b3b3;
}

input[type="range"]::-moz-range-track {
	width: 100%;
	height: 6px;
	cursor: pointer;
	background: #1e6ec8;
	border-color: transparent;
	border-width: 16px 0;
	color: transparent;
	border-radius: 10px;
}

input[type="range"]::-moz-range-thumb {
	box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
	border: 5px solid #ffffff;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #1e6ec8;
	cursor: pointer;
	margin-top: -6px;
}

input[type="range"]::-ms-track {
	width: 100%;
	height: 6px;
	cursor: pointer;
	background: #1e6ec8;
	border-color: transparent;
	border-width: 16px 0;
	color: transparent;
	border-radius: 10px;
}

input[type="range"]::-ms-fill-lower {
	background: #1e6ec8;
	border-radius: 5px;
}

input[type="range"]::-ms-fill-upper {
	background: #1e6ec8;
	border-radius: 5px;
}

input[type="range"]::-ms-thumb {
	box-shadow: 2px 2px 5px #b3b3b3, -1px -1px 3px grey;
	border: 5px solid #ffffff;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #1e6ec8;
	cursor: pointer;
	margin-top: -6px;
}

input[type="range"]:focus::-ms-fill-lower {
	background: #1e6ec8;
}

input[type="range"]:focus::-ms-fill-upper {
	background: #1e6ec8;
}

/*-------------------------------------*/
#price {
	color: #130f31;
	font-size: 25px;
}

.loan-details {
    width: 90%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px 0 0;
}
       .chart-details {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.chart-details p {
    margin: 0;
}

#price-container {
	color: #1e6ec8;
}
.emibanner {
    background: #1e6ec8;
}
.emibanner:before {
    display: none
}
.emibanner .bannertxt {
    right: 0;
    text-align: center;
    width: 100%;
    left: 0;
}
#price-container::before {
	content: "Monthly Loan EMI:";
	font-size: 12px;
	display: block;
}
       .sub-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
       .chart-details.text_center{justify-content: center}

.Click-here {
  cursor: pointer;
/*
  background-image: linear-gradient(190deg, #f83600 0%, #fee140 100%);
  color: #fff;
  width: 180px;
  text-align: center;
  font-size:16px;
  padding: 18px 0;
  margin: 0 auto;
  transition:background-image 3s ease-in-out;
*/
}
/*
.Click-here:hover{
  transition:background-image 3s ease-in-out;
  background-image: linear-gradient(90deg, #fee140 0%, #f83600 100%);
}
*/
.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}
.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 70%;
  margin: 30px auto;
  max-width: 97%;
}
.custom-model-wrap {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(100vh - 70px);
	overflow-y: auto;
}
.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}
.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
.close-btn {
  position: absolute;
  right: 0;
  top: -30px;
  cursor: pointer;
  z-index: 99;
  font-size: 30px;
  color: #fff;
}

@media screen and (min-width:800px){
	.custom-model-main:before {
	  content: "";
	  display: inline-block;
	  height: auto;
	  vertical-align: middle;
	  margin-right: -0px;
	  height: 100%;
	}
}
@media screen and (max-width:799px){
  .custom-model-inner{margin-top: 45px;}
}
.getstartedwrapper .apply-now-btn {
    margin-top: 10px;
    display: inline-block;
}
.banner_title2 {
    font-size: 35px;
    font-weight: 600;
    color: #1e6ec8;
    text-shadow: none;
    margin: 0 0 10px 0;
    line-height: 1;
    width: 100%
}
.bannerinfolist li {
    font-size: 14px;
    line-height: 1.2;
    margin: 10px 0;
    position: relative;
    padding: 0 0 0 30px;
}
.bannerinfolist li:before {
    position: absolute;
    background: url(../images/check_white.webp) no-repeat top center;
    background-size: 100%;
    content: "";
    top: 0;
    left: 5px;
    width: 15px;
    height: 15px;
}
.smebanner .bannerinfolist li:before {    
    background: url(../images/check.webp) no-repeat top center;
    background-size: 100%;
}
.innerbanner .bannertxt {
    text-shadow: none;
}
.innerbanner .banner_title{
    font-size: 30px;
    font-weight: 600
}
.innerbanner.smebanner:before{
    display: none
}
.smeintro .bulletlist li {
    width: 45%;
    display: inline-block;
    vertical-align: top
}
.smetwolock .servicesinfleft {
    padding-right: 5%;
    border-right: 1px solid #ddd;
}

@media screen and (min-width:1400px) {
    .banner img{width: 100%}
    
}

@media screen and (min-width:1600px) {
/*    .container{max-width: 1500px}*/
    .navbar-nav>li>a, .apply-now-btn::after, .menuserviceblock .serviceiconblock .servicename{font-size: 18px}
    p, body, .breadcrumb li a, .contactinfo p, .footerlinks li a, .formblk button, .applylisblock, .bulletlist li, .fonder{font-size: 22px}
    .applylisblock span, .serviceno{font-size: 20px}
    .footerleftblock p{font-size: 14px}
    .logoblk{width: 300px}
    .title, .talktouswrapper .section_title{font-size: 40px}
    .title{margin: 0 0 40px}
    .servicesinfotitle, .contactinfo p{font-size: 22px}
    .menuserviceblock .serviceiconblock img{width: 50px}
    header .container.dflex_justfy_center{padding: 20px}
    .apply-now-btn{padding: 15px 30px;border-radius: 30px}
    .apply-now-btn::before, .readmorebutton{border-radius: 40px}
    .readmorebutton, .apply-now-btn{font-size: 18px;padding: 24px 40px;border-radius: 40px}
    .apply-now-btn::after, .bannerinfolist li, .breadcrumb li a{font-size: 20px}
    .apply-now-btn::before{top: 3px;left: 3px;right: 3px;bottom: 3px}
    .contactimg{width: 25px;margin-top: 8px}
    .menuserviceblock .serviceiconblock{padding: 20px}
    .section_title, .servicename{font-size: 30px}
    .plainimg2{left: 15%}
    .contactimg img{max-width: 25px}
    .input_width input, .input_width select{font-size: 20px;padding: 20px 15px;margin-bottom: 40px}
    .overviewbanner{padding: 200px 0}
    ::-webkit-input-placeholder, input.border-end.country-code.px-2 {font-size: 20px}
:-moz-placeholder {font-size: 20px}
    .testimonialfrom{font-size: 22px}
    .formblk button{font-size: 20px;padding: 20px 40px;border-radius: 30px}
::-moz-placeholder {font-size: 20px}
    .close-btn{font-size: 50px;top: -50px}
    .custom-model-wrap{padding: 40px}
    @-webkit-keyframes fly2 {
  0% {    
    -webkit-transform: scale(0);
            transform: scale(0);
      opacity: 0      
  }
    2% {       
      opacity: 1;
        
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  
  }
  100% {
   bottom:0%;
      left: 28%;
  }
}
    @-webkit-keyframes fly {
  0% {    
    -webkit-transform: scale(0);
            transform: scale(0);
      opacity: 0      
  }
    2% {       
      opacity: 1;
        
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  
  }
  100% {
   top:12%;
      right: 5%;
  }
}
/*    .banner_title, .innerbanner .banner_title{font-size: 60px}*/
    .servicetitle{font-size: 160px}
    .serviceblock .readmorebutton{width: 210px;height: 65px}
    .footerrightblock a{width: 70px;right: 5%}
    .serviceiconblock img{width: 100px}
    .servicesinfotitle, .applylisblock span{font-size: 20px}
    .servicesinforightblock p{font-size: 20px}
    .bannertxt{left: 8%}
}

@media screen and (max-width:1280px) {
    .logoblk{width: 200px}
    .banner img{width: 100%;height: 100%;object-fit: cover}
    .title{font-size: 24px}
}

@media screen and (max-width:1200px) {
    .navbar-nav>li>a{margin: 0;padding: 20px 6px}
    .banner_title{font-size: 40px}
}

@media screen and (max-width:1100px) {
    .navbar-collapse{display: none !important}
    .navbar{justify-content: space-between}    
        .navicon {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 20px;
        width: 35px;
        height: 35px;
        flex-wrap: wrap;
        padding: 5px;
        border: 2px solid #0359b8;
        border-radius: 5px;
    }
        .navicon span {
        width: 25px;
        height: 2px;
        background: #017efe;
        display: block;
        margin: 2px 0;
    }
    .applybuttonwrap{display: flex;align-items: center}
    .animationHex.bottom{display: none}
}

@media screen and (max-width:1024px) {
    .navbar{flex-direction: inherit;padding: 10px}
    .banner_title{font-size: 30px;}
    .overviewbanner{padding: 120px 0 100px}
    .servicetitle{font-size: 100px}
    .serviceiconblock{margin: 40px 0 0}
    .serviceblock{padding: 20px}
    .talktouswrapper .section_title{font-size: 22px}
    .whychooseiswrapper .container{padding: 0}
    .contactuswrapper{background-position: right center;position: relative}
    .contactuswrapper:before{width: 100%;height: 100%;content: "";top: 0;left: 0;background: #000;opacity: 0.5;position: absolute;}
    .visioninfo, .visionimg, .servicesinfoblock{width: 100%}
    .mission_vission_block:before{background: linear-gradient(180deg, #0c1520 45%, transparent 60%)}
    .servicesinforightblock{width: 100%}
    .servicestick{width: 40px;margin: 0 auto 20px}
    .servicesinfoblock , .whychooseservice{text-align: center}
        .applylisblock{width: 48%;margin-bottom: 30px}
        .benifitsme .applylisblock{width: 28%}
    header .container.dflex_justfy_center {padding: 0}
    #header{background: #fff}
    .custom-model-inner{width: 80%}
}

@media screen and (max-width:980px) {
    .smeintro .bulletlist{margin-bottom: 30px}
    .smeintro .bulletlist li {width: 43%}
}

@media screen and (max-width:767px) {
    .bannertxt{position: static;padding: 20px;text-align: center;width: 100%}
    .banner .container{background: linear-gradient(to right, #017efe, #402ef0);width: 100%}
    .bannertxt br, .title br, .overviewbanner p br, .contactinfo p br{display: none}
    .banner{height: auto}
    .banner_title{font-size: 24px;}
    .readmorebutton{padding: 10px 20px;font-size: 12px}
    .banner img{height: 300px;object-fit: cover;width: 100%}
    .title{font-size: 20px;line-height: 1.5}
    p, body, .bulletlist li{font-size: 14px}
    .servicesinfotitle{font-size: 18px}
    
    .overviewbanner{padding: 120px 0 60px}
    .commonpadding{padding: 40px 0}
    .servicetitle{font-size: 70px}
    .serviceblock{width: 100%}
    .serviceiconblock p{width: 75%}
    .servicename{font-size: 20px}
    .serviceiconblock img{width: 50px}
    .serviceblock .readmorebutton{width: 140px;height: 35px}
    .leftblk, .talktouswrapper .rightblk{padding: 0;width: 100%;text-align: center;padding: 0;margin: 10px auto}
    .whychooseiswrapper .leftblock, .whychooseiswrapper .rightblk{width: 100%;border-radius: 0}
    .whychooseiswrapper .container{border-radius: 20px;overflow: hidden}
    .whychooseiswrapper .leftblock{padding: 20px}
    .testimonial_slider p{width: 96%}
    .plainimg, .paper_plane.smallplane{width: 50px;display: none}
    .formblk, .input_width, .input_width.servicesselect, .footerleftblock, .footerrightblock, .foundersinfowrap .leftblk, .contact_innerpage_wrapper .contactinfowrap, .contact_innerpage_wrapper .contactmap, .servicesinfleft, .servicesinforight{width: 100%}
    .footerwrapper{flex-wrap: wrap}
    .visioninfo{padding: 20px}
    .foundersinfowrap .rightblk{width: 200px;margin: 0 auto}
    .foundersinfowrap{flex-direction: column-reverse}
    .meetourfounders_wrapper {text-align: center}
    .contact_innerpage_wrapper .contactinfowrap{padding: 0 0 40px}
    .contact_innerpage_wrapper .contactmap iframe{height: 400px}
    .foundersinfowrap{padding: 15px}
    .footerrightblock a{width: 30px;right: 6%;bottom: 80px}
    .benifitsme .applylisblock{width: 100%;margin: 0 15px 30px}
    .applylistwrap:last-child, .benifitsme .applylisblock:last-child{margin-bottom: 0}
    .contactuspage .contact_innerpage_wrapper{padding-top: 72px}
    .contactuspage .contact_innerpage_wrapper .dflex_justfy_center{padding-top: 0}
    .view {
    width: 100%;
}

.breakup {
    width: 70%;
}
    .innerbanner.smebanner .bannertxt{text-align: left}
    .innerbanner.smebanner .banner_title, .innerbanner.smebanner .banner_title2, .innerbanner.smebanner .bannerinfolist li{
        color: #fff !important
    }
    .banner_title2{font-size: 30px}
    .innerbanner.smebanner .banner_title{font-size: 25px}
    .bannerinfolist li:before{background-color: #027cfe;background-blend-mode: difference;}
    .innerbanner.banner.smebanner img {
    object-fit: cover;
    object-position: 85% top;
}   
    .innerbanner{padding-top: 70px}
    .custom-model-inner{width: 96%}
    .smetwolock .servicesinfleft{margin-bottom: 30px;border: none}
}

@media screen and (max-width:650px) {
    
}

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

@media screen and (max-width:540px) {    
    .banner_title{font-size: 20px;}
    .servicetitle{font-size: 50px}
    .serviceiconblock{margin: 20px 0 0;flex-direction: column-reverse}
    .serviceiconblock p{width: 100%;margin: 20px 0 0;text-align: center}
    .servicename{font-size: 18px}
    
    .applylisblock, .smeintro .bulletlist li{width: 100%}
    
}

@media screen and (max-width:480px) {
    .apply-now-btn{display: none}
    .apply-now-btm-mob{background: linear-gradient(to right, #017efe, #402ef0);font-size: 14px;position: fixed;bottom: 0;left: 0;right: 0;width: 100%;color: #fff}
    .apply-now-btn-mob {
    position: fixed;
    bottom: 0;
    width: 100%;
    right: 0;
    text-align: center;
    color: #fff;
    background: linear-gradient(to right, #017efe, #402ef0);
    padding: 10px;
    text-transform: uppercase;
        display: block
}
    
    .title{font-size: 18px}
    .servicetitle{font-size: 40px}
    .foundersinfowrap .rightblk{width: 90%;margin: 0 auto}
    .breadcrumb{flex-wrap: wrap;justify-content: flex-start}
    .breadcrumb li:nth-child(3){width: 100%}
    .breadcrumb li a, .footerlinks li a{font-size: 12px}
    footer{padding-bottom: 20px}
    .commonpadding{padding: 25px 0}
    
.breakup {
    width: 100%;
}
    
    .banner_title2{font-size: 24px}
    .innerbanner.smebanner .banner_title{font-size: 20px}
}

@media screen and (max-width:400px) {
    .foundersinfowrap .rightblk{width: 150px}
}